html {
        background-color: black;
        color: floralwhite;
        margin: 0;
    }



         
#header {
display:flex;
justify-content:center;
align-items:center;
         }
         

.topnav {
    display: none!important;
}




.loginContainer {
   display:flex;
justify-content:center;
align-items:center;
margin: 30px;
padding-bottom: 150px!important;
}


.loginSubContainer {
    width:500px; 
    border: solid 2px #333333;
}


.loginBar {
background-color:#333333; 
color:#FFFFFF; 
padding:3px; 
font-size: 24; 
font-weight: bold;
}



label {
font-weight:bold;
width:100px;
font-size:14px;
         }
         
         
.formContainer {
border:#333333 solid 2px;
font-size: 16;
padding: 50px;
background: linear-gradient(black, #333333);
         }
         
         
.loginFont {
    font-size: 20px;
}

.box {
    padding: 10px;
}
         
         


input[type=submit] {
width: 80px;
height: 35px;
font-size: 18px;
transition: 0.7s;
}

input[type=submit]:hover {
  background-color: 3b5998;
  color: white;
}

.errorBox {
font-size:12px; 
color:#cc0000; 
margin-top:10px
}






             body {
            font-family:Arial, Helvetica, sans-serif;
            font-size: 18px;
            line-height: 1.6;
            margin: 0;
         }
        
        h2 {
        font-size: 28px;
    }
        
    h3 {
        font-size: 18px;
        text-align: left;
    }




footer {
    background-color: #303030;
    margin: auto;
}
    


.email {
   display:flex;
justify-content:center;
align-items:center;
color: #3b5998;
}


.footerBox {
    display:flex;
justify-content:center;
align-items:center;
}

    .footerButton {
        height: 60px;
        width: 97px;
        padding: 8px;
        border-radius: 20px;
    }

    
    















@media only screen and (max-width: 1250px) {
    
    
html {
        background-color: black;
        color: floralwhite;
        margin: 0;
    }
         

         
         #header {
             display: none;
         }




.topnav {
    display: block!important;
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #3b5998;
  color: white;
}

.topnav .icon {
  display: none;
}

  .topnav.responsive a {
    float: none;
    display: block!important;
    text-align: left;
  }





.loginContainer {
   display:flex;
justify-content:center;
align-items:center;
margin: 30px;
padding-bottom: 30px!important;
}



         
                  
         .btn {
  background-color: black;
  border: none;
  color: white;
  text-align: center;
  padding: 5px 16px;
  font-size: 20px;
  transition: 0.7s;
  border-radius: 6px;
}

.btn:hover {
  background-color: #3b5998;
  color: white;
}
   

h1.select {
    font-size: 24px!important;
}
    
h2.select {
    font-size: 20px!important;
}
       
        
h3.select {
font-size: 12px;
text-align: left;
    }
    
.typeButton {
border-radius: 15px;
width: 100px;
height: 100px;
    }
    
.typeSelector {
    margin: auto!important;
    padding-bottom: 50px!important;
}

.infoSection {
    margin: auto!important;
    padding-bottom: 50px!important;
}
    
    
.toTop {
font-family:Arial, Helvetica, sans-serif;
font-size: 16px!important;
padding: 5px!important;
    }
    
    
footer {
    background-color: #303030!important;
    margin: auto;
}

.email {
    display:flex;
justify-content:center;
align-items:center;
font-size: 14px!important;
color: #3b5998!important;
}



.footerBox {
display:flex;
justify-content:center;
align-items:center;
}
    
.footerButton {
height: 46px!important;
width: 78px!important;
padding: 5px!important;
border-radius: 15px!important;
    }
    


}
         
         
         
         
         
         
         
         





    
    
    
    
@media only screen and (max-width: 750px) {
         
    
html {
        background-color: black;
        color: floralwhite;
        margin: 0;
    }
         
         #header {
             display: none!important;
         }
         
         
         
  
  

.topnav .icon {
  display: none;
}

  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }


  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
      
  }       
         
         
         
         
         
         
                  
         .btn {
  background-color: black;
  border: none;
  color: white;
  text-align: center;
  padding: 5px 16px;
  font-size: 20px;
  transition: 0.7s;
  border-radius: 6px;
}

.btn:hover {
  background-color: #3b5998;
  color: white;
}
   

h1.select {
    font-size: 24px!important;
}
    
h2.select {
    font-size: 20px!important;
}
       
        
h3.select {
font-size: 12px;
text-align: left;
    }
    
    
    
    
    

.loginContainer {
   display:flex;
justify-content:center;
align-items:center;
margin: 30px;
padding-bottom: 10px!important;
}


.loginSubContainer {
    border: solid 2px #333333;
}


.loginBar {
background-color:#333333; 
color:#FFFFFF; 
padding:3px; 
font-size: 24; 
font-weight: bold;
}



label {
font-weight:bold;
width:100px;
font-size:14px;
         }
         
         
.formContainer {
border:#333333 solid 2px;
font-size: 16;
padding: 50px;
background: linear-gradient(black, #333333);
         }
         
         
.loginFont {
    font-size: 20px;
}

.box {
    padding: 10px;
}
         
         


input[type=submit] {
width: 80px;
height: 35px;
font-size: 18px;
transition: 0.7s;
}

input[type=submit]:hover {
  background-color: #3b5998;
  color: white;
}

.errorBox {
font-size:12px; 
color:#cc0000; 
margin-top:10px
}






footer {
    background-color: #303030!important;
    margin: auto;
}

.email {
    display:flex;
justify-content:center;
align-items:center;
font-size: 14px!important;
color: #3b5998!important;
}



.footerBox {
display:flex;
justify-content:center;
align-items:center;
}
    
.footerButton {
height: 46px!important;
width: 78px!important;
padding: 5px!important;
border-radius: 15px!important;
    }
    
    

}