/***
css for external mz

bg color:
ffce00	yellow, like lemon
ffc000	yellow, darker, like orange

but bg color:
2b3648	dark blue, very dark
2a3f70	dark blue, lighter than above
3e3e3e	dark grey or light black
6ace26	limegreen variant, slightly darker
0375b4	blue, matted, light
660066	purple, slightly darker

font color
fcfaf2	white variant

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


/*LOGIN PAGE*/
.login_body {
  width:100%;height:750px;
}

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

.login_main {
  border:0;
  margin:auto;
  padding:100px 0;
  width:250px;
  position: relative;left:25%;
  font-family:Dosis, arial;
}

.login_hd {color:white;}

.login_but, .login_a {
  display:block;
  border:0;margin:15px 0 0 0;padding:15px;
  width:230px;border-radius:10px;
  background-color:#2b3648;
  color:azure;
  cursor:pointer;
  font-family:'Dosis',arial;font-size:0.9em;
}

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

.input_txt {
  display:block;
  border:0;margin:0;padding:25px;
  border-bottom:1px solid white;
  width:200px;
  background-color:#ffc000;
  -webkit-text-fill-color:white;
}
.input_txt:first-child {border-top:1px solid white;}

.input_txt:-webkit-autofill {
  -webkit-box-shadow:0 0 0px 1000px #ffc000 inset;
}

.spwd {font-size:0.9em;padding:10px 0;}
.spwd span {font-family:dosis, arial; vertical-align:top; color:white;}
.spwd_cbox {border:1px solid #2b3648;}

.alert_msg {
  padding:15px;width:230px;
  background-color:#ffe6e6;color:maroon;
  border:1px solid maroon;border-radius:10px;
  font-family:dosis,arial;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,arial;font-size:1em;
}

.features{
  width:100%;padding:0 0 20px 0;
  background-color:#2b3648/*#262228*/;color:snow;
  font-family:'Dosis', trebuchet ms;
}
.features h4, .features p{
  padding:15px 20px;margin:0;
  color:beige;
}
.features p:last-child {text-align:center;}

.feature {
  display:inline-block;
  width:150px;
  padding:10px 20px;
}
.feature .img {
  padding:0px;
}
.feature .img .svg_cont {width:50px;margin:auto;}
.feature .img svg {width:50px;}

.feature .txt {
  width:100%;
  text-align:center;
}
.feature .txt h3 {
  padding:10px 0;margin:0;
  color:beige;
}
.feature .txt p {
  padding:0 0 10px 0;margin:0;
  color:moccasin;
}
.feature a {
  font-weight:bold;text-decoration:none;color:#22bbff;
}

.footnote {
  background-color:#2b3648;width:100%;
  padding:0 15px 25px 15px;
  font-family:arial;font-size:0.8em;text-align:center;color:moccasin;
}


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