/*GLOBAL*/
div {box-sizing:border-box;margin:0;padding:0;border:0;}
body {margin:0;padding:0;}


/*LOGIN PAGE*/
.login_body {background-color:#ffce00;}

.login_bg_img {
  background-image:url("godzilla.svg");
  width:450px;height:450px;
  background-size:cover;
  position:absolute;left:10%;top:10%;
}

.login_hd {font-family:Dosis, sans-serif;color:white;}

.login_main {
  border:0;
  margin:auto;
  padding-top:100px;
  width:250px;
  position: relative;left:25%;

}

.login_but, .login_a {
  display:block;
  border:0;margin:15px 0 0 0;padding:15px;
  width:230px;border-radius:10px;
  background-color:#0375b4;
  color:azure;
  cursor:pointer;
  font-family:'Dosis', sans-serif;font-size:1em;
}

.login_a {
  margin-top:5px;width:200px;
  text-decoration:none;
  text-align:center;
}

.input_txt {
  display:block;
  border:1px solid lightgray;margin:5px 0 0 0;padding:15px;
  width:200px;
  color:darkslategray;

}

.alert_msg {
  padding:15px;width:230px;
  background-color:#ffe6e6;color:maroon;
  border:1px solid maroon;border-radius:10px;
  font-family:dosis;font-size:1em;
}
.alert_msg a {font-weight:bold;text-decoration:none;color:indigo;}

.success_msg {
  padding:15px;width:230px;
  background-color:#e6ffe6;color:darkgreen;
  border:1px solid darkgreen;border-radius:10px;
  font-family:dosis;font-size:1em;
}


.footnote {font-family:arial;font-size:8px;width:230px;text-align:justify;}


/*OTHER PAGE*/
.topnav {
  width:100%;height:50px;
  display:block;margin-bottom:10px;
  background-color:#ffce00;
  font-family:'Arvo', sans-serif;
}

.topnav span {
  display:block;float:left;
  padding:5px;margin:10px;
  color:#373737;
  font-family:Arvo, sans-serif;
  font-weight:bold;
}

.topnav a {
  display:block;float:right;
  padding:5px 30px;margin:12px 10px;border-radius:15px;
  text-decoration:none;font-size:0.9em;
  background-color:#dcb239;color:white;
}

.center_main {
  display:inline-block;
  width:65%;
  margin-left:5%;margin-bottom:50px;
}

.center_main h1 {
  font-family:'Arvo', sans-serif;
  font-size:40px;color:#373737;
}

.center_main p {font-family:Dosis, helvetica;}

.resetbox {
  display:block;
  width:100%;min-height:100px;
  margin:50px 0;padding:10px 20px;
  border-radius:15px;border:1px solid darkkhaki;
}
.resetbox {
  background-color:beige;color:#373737;
  padding-bottom:20px;
  font-family:Dosis, trebuchet ms;
}

.resetbox h2 {font-family:Arvo, sans-serif;color:#373737; margin-top:0.2em;}

.resetbox .link {display:block;float:left;width:250px;padding:5px;}
.resetbox div ~ a {padding:20px 0 0 10px;}
.resetbox a {color:maroon;text-decoration:none;display:block;padding-bottom:5px;font-weight:bold;}
.resetbox p {font-weight:bold;clear:both;}

.box_but, .box_a {
  display:block;
  border:0;margin:15px 0 0 0;padding:15px;
  width:250px;border-radius:10px;
  background-color:firebrick;
  color:white;
  cursor:pointer;
  font-family:'Dosis', sans-serif;font-size:1em;
}

.box_a {
  margin-top:5px;
  text-decoration:none;
  text-align:center;
}

.box_input {
  display:block;
  border:1px solid lightgray;margin:5px 0 0 0;padding:15px;
  color:darkslategray;
  width:220px;
}


/*SMALL SCREEN*/
@media only screen and (max-width: 1000px) {
  .login_main {position:static;}

  .center_main {display:block;width:100%;margin:0 0 50px 0;padding:0 10px;}

}