body{
text-align:center;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
cursor:default;
}
div, form{
box-sizing:border-box;
}
.hidden {display:none;}
.visible {display:block;}
.block {display:block;}
.center {margin-right:auto; margin-left:auto;}
.centerTB {margin-top:auto; margin-bottom:auto;}
.centertext {text-align:center;}
.leftjustify {text-align:left;}
.floatleft {float:left;}
.floatright {float:right;}
.clearfloat {clear:both;}

.menuicon{
margin-top:5px;
}
.loginnav{
font-size:1em; 
/*color:#0065E1;*/
margin-right:10%;
padding:3vh;
}
.loginnav a{
border-radius: 25px;
background: #73AD21;
padding: 3px;
text-decoration:none;
font-weight:bold;
color:#DDFCFB;
}
.loginnav a:hover{
color:#E3ECEB;
}
#dropdown{
display:inline;
}
.dropdown, .iconmenu{
  display: none;
  position: absolute;
  z-index: 1;
}
#dropdown:hover .dropdown, .menuicon:hover .iconmenu{
display: block;
}
.iconmenu{
  margin-top:-50px;
  background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.iconmenu a{
  color: #0A0A3C;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown a{
margin-top:3px;
margin-bottom:3px;
padding: 3px;
text-decoration:none;
font-weight:bold;
display:block;
}


.content{
display:block;
align-items:center;
height:56vh;
}
.HPtitle {
color:#DDFCFB;
}
.appVisuals{
font-size:1em; 
color:white;
padding:3vh;
}
.appVisuals ul li{
cursor:pointer;
list-style-type:none;
border-radius: 25px;
background: #0065E1;
margin-bottom:3px;
padding: 3px;
text-decoration:none;
font-weight:bold;
color:#DDFCFB;
}
.motto, .loginfrm{
margin-top:10vh;
color:#DDFCFB;
}
.requestfrm, .adduserfrm{
margin-top:0;
color:#DDFCFB;
}
.loginfrm div, .requestfrm div, .adduserfrm div{
border-radius: 25px;
padding: 3px;
text-decoration:none;
font-weight:bold;
color:#DDFCFB;  
}
.loginfrm form, .requestfrm form, .adduserfrm form{
width:25vw; 
margin:auto;
}
.loginfrm fieldset, .requestfrm fieldset, .adduserfrm fieldset{
background-color:#95020224;
}
#alertMessage{
    color:white;
}

.footer{
height:7vh;
background-color:#4545E4;
font-size:.75em; 
color:#191970;
margin-top:5%;
margin-bottom:0;
padding-top:6px;
}
.footer a{
text-decoration:none; 
font-weight:bold;
color:#07077A;
    
}
.footer a:hover{
color:#0A0A3C;
}
@media screen and (max-width: 950px) {
  .content{
  height:70vh;
  }
  .motto, .loginfrm{
  margin-top:15vh;
  }
  .footer{
  display:none;
  }
}
@media screen and (max-width: 450px) {
  .loginnav{
  font-size:.75em; 
  }
  .motto, .loginfrm{
  margin-top:4vh;
  width:40vw;
  text-align:center;
  margin-right:auto; 
  margin-left:auto;
  }
  .loginfrm form{
  width:70vw;
  margin-left:-15vw;
  }
  .requestfrm form, .adduserfrm form{
  width:70vw;
  margin-left:15vw;
  }
}