*{
  box-sizing: border-box;
}
img{ 
  max-width: 100%;
}
html{
  font-size: 100%;
}
body, html{
  margin: 0px;
  padding: 0px;
  background-color: #ededed;
  font-family: Avenir, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
body::-webkit-scrollbar{
  width: 0.7em;
}
body::-webkit-scrollbar-button{
  background-color: #d8dee9;
}
body::-webkit-scrollbar-button:hover{
  background-color: #b4b3ce;
}
body::-webkit-scrollbar-track{
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4);
}
body::-webkit-scrollbar-thumb{
  background-color: #c1c3cc;
  border-radius: 5px;
}
body::-webkit-scrollbar-thumb:hover{
  background-color: #b4b6be;
  outline: 0.5px solid #abafb9;
  border-radius: 5px;
}
@media screen and (min-width: 1px) {
  .sidemen{padding: 3%};
}
@media screen and (min-width: 600px) {
  .sidemen{padding: 2%};
}
.animate {
  -webkit-animation: animatezoom 1s;
  animation: animatezoom 1s;
}
@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0); opacity: 30%;}
  to {-webkit-transform: scale(1); opacity: 100%;}
}
@keyframes animatezoom {
  from {transform: scale(0); opacity: 30%}
  to {transform: scale(1); opacity: 100%}
}
.animate2 {
  -webkit-animation: animate1 6s;
  animation: animate1 6s ease-in;
}
@-webkit-keyframes animate1 {
  from {opacity: 0%;}
  to {opacity: 100%;}
}
@keyframes animate1 {
  from {display: none; opacity: 0%;}
  to {display: inherit; opacity: 100%;}
}
@keyframes animateslide {
  from {transform: translateY(-80px); opacity: 30%}
  to {transform: translateY(0); opacity: 100%}
}
.clk{
  cursor: pointer;
}
.smmdtx{
  font-size: 14px;
}

/*
@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0); opacity: 30%;}
  to {-webkit-transform: scale(1); opacity: 100%;}
}
@keyframes animatezoom {
  from {transform: scale(0); opacity: 30%}
  to {transform: scale(1); opacity: 100%}
}
*/
.bg{
  position: fixed;
  visibility: hidden;
  z-index: -1;
}
.container{
  display: flex;
  background: rgba(0, 0, 0, 0.1);
  padding: 20px;
}
.rel{
  position: relative;
}
.abso{
  position: absolute;  
}
.cen{
  margin: 0 auto;
}
.ddcen{
  margin: auto;
}
.centx{
  text-align: center;
}
.censlf{
  justify-self: center;
}
.vcenslf{
  align-self: center;
}
.fl{
  display: flex;
}
.flhcen{
  justify-content: center;
}
.flvcen{
  align-items: center;
}
.flvert{
  flex-flow: column;
}
.flapt{
  justify-content: space-between;
}
.inl{
  display: inline-block;
}
.topcl{
  margin-top: 6px;
}
.pad{
  padding: 10px;
}
.inln{
  display: inline;
}
.dbgtx{
  color: #9b988d;
}
.colps{
  display: none;
}
.hdn{
  visibility: hidden;
}
.close{
  position: absolute;
  right: 25px;
  top: 0;
  color: #ffffff;
  font-size: 37px;
  font-weight: bold;
  background: transparent;
}
.close:hover, .close:focus {
  color: #f8beba;
}
.ban{
  width: 100vw;
  height: 200px;
}
.fullpg{
  width: 100vw;
  height: 100vh;
}
.bo{
  font-weight: bold;
}
#brndimg{
  /*background-image: url("./images/fpgtitle.jpg");
  background-size: cover;
  background-position: 50% 45%;
  background-color: rgb(230, 232, 236);
  /*background-opacity??*/
}
.bigimg{
  width: 100vw;
  height: auto;
}
#covpgbg{
  opacity: 0.2;
}
#txtbg{
  padding: 100px 40px 20px;
  width: fit-content;
  /*background-color: rgba(230, 232, 236, 0.9);*/
  border-radius: 5px;
}
#stlbl{
  margin: 0 0 10px;
  letter-spacing: 3px;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  font-size: 60px;
  font-weight: bold;
  color: #18474b;
  text-shadow: -2px 2px 6px rgba(0, 0, 0, 0.5);
  z-index: 10;
}
.subttl1{
  margin: 0 0 35px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 24px;
  color: rgb(97, 97, 96);
  letter-spacing: 4px;
}
.plnsight{
  color: #fcfcfc;
}
#defdv{
  margin-top: 60px;
  padding: 1px 15px;
  width: fit-content;
  background-color: #1b363d46;
  border-radius: 5px;
}
.defnr{
  font-family: Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: 17px;
  letter-spacing: 1px;
  color: rgb(68, 44, 15);
}
.deco{
  margin: 16px 8px;
}
#minilbl4{
  letter-spacing: 3px;
}

/*Simultaneously automate #opnttl's appearance (opacity, scale, boldness, text-shadow, box-shadow) and #opner's color, opacity and, finally, visibility.*/

.log{
  width: 60px;
  height: auto;
}
.topbox{
  background-color: #228aaa;
  height: 60px;
  box-shadow: 0 8px 16px 0 rgba(0, 5, 0, 0.2);
  z-index: 17;
}
#usr{
  width: 100px;
  height: 100%;
  margin-left: 5px;
  padding: 5px;
}
#usrpho{
  width: 40px;
  height: 40px;
  border: 1px solid #433e5e;
}
.desctxt{
  width: 75%;
  margin-left: 10px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 11px;
  color: #b6b4aa;
}
#usrid{
  margin-top: -10px;
}
.btn{
  width: 100px;
  height: 25px;
  margin-top: 35px;
  border-radius: 5px;
  border: 0px;
  font-family: Geneva, Tahoma, "open sans", sans-serif;
  font-size: 13px;
  color:#ffffff;
}
#btnlin{
  background: #458b99;
  z-index: 1;
}
#btnlin:hover{
  color: #ffffff;
  background: #2cb8b8;
}
#btnlou{
  background: #322A42;
  visibility: hidden;
}
#btnlou:hover{
  color: #3B2F4F;
  background: #E6F0FF;
}
#btnsup{
  font-size: 13px;
  color: #C7C7C7;
  background: #1F232C;
  position: absolute;
  top: 70.89%;
  right: 6.2%;
}
#btnsup:hover{
  color: #E6F0FF;
}
#pgtt{
  
}
#nowdv{
  margin-right: 20px;
}
#locstats{
  margin-top: 12px;
  margin-bottom: -22px;
}
.statsimg{
  width: 20px;
  height: 20px;
}
.stats{
  font-style: italic;
  color: #dddacb;
}
#temp{
  margin-top: -2px;
  margin-left: 5px;
  font-size: 16px;
}
#loc{
  font-size: 11px;
}
#uarea{

}
.pinimg{

}
#usrpic{

}
.navsmall{

}
.navsmall:hover{

}
.navsmall:active{

}

#eltxt{
  line-height: ;
}