/*style goes here*/

/*
body{
  font-family: "Arial", sans-serif;
  font-family: "Times New Roman", serif;
  font-family: "Consolas", fixed-width;

  background-color:#ffeed4;
  margin:0px;
  padding:0px;
  text-shadow:1px 1px white;
  font-size:20px;
  font-family: "Tahoma", sans-serif;
*/
body{
  font-family: "Tahoma", sans-serif;
  background-color:#ffeed4;
  color:black;
  @media(orientation:portrait){
    font-size:15px;
  }@media(orientation:landscape){
    font-size:20px;
    text-shadow:1px 1px white;
    color:black;
  }
}*{
  margin:0px;
  padding:0px;
}
  /************************ MEDIA *********************************************/
.video{
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  z-index:-1;
  background-attachment:fixed;
  opacity:0.35;
}.video img{
  position:absolute;
  align-self:center;
  height:clamp(100%,127vw,130vw);
  width:auto;
}@media(min-aspect-ratio:7/4){
  .vid{
    width:100%;
    height:auto;
  }
}@media(max-aspect-ratio:16/9){
  .vid{
    width:auto;
    height:100%;
  }
}@media(orientation:portrait){
  .vid{
    display:none;
  }
}.logo{
  width: clamp(200px, 60vw, 700px);
  height:auto;
}.textLogo2,.textLogo4{
  vertical-align:-1px;
}
/**/
/************************ ROWS *********************************************/
.row2,.row3,.middle,.bottom{
  padding:30px clamp(3.5rem,5vw,10rem);
}.row1{
  padding:0px 30px;
}.row1,.row2,.row3,.middle,.right,#contain{
  display:flex;
  flex-direction:column;
}.top,.left,.mid,.foot{
  display:flex;
  flex-direction:row;
}.row1{
  padding-top:30px;
  gap:50px;
}.row2{
  align-items:enter;
}.row3{
  font-size:21px;
  margin:0px 200px;
  justify-content:center;
}/************************ SUB-ROWS *********************************************/
.top{
  justify-content:space-between;
  margin-bottom:100px;
  height:160px;
}.left,.mid,.right{
  font-size:22px;
  flex:2;
  font-weight:999;
}.mid{
  flex:4;
  justify-content:flex-start;
}.rightLink{
  padding-top: 20px;
  display:flex;
  justify-content:flex-end;
  text-decoration:none;
}.middle1{
  margin-bottom:30px;
}.middle{
  align-items:center;
}/************************ MUMBO JUMBO *********************************************/
.jumbo{
  flex:6;
  left:30px;
  padding-bottom:7px;
}.lll{
  display: flex;
  align-items:center;
  justify-items:left;
  flex:1;
}.ll{
  position:absolute;
  z-index:-1;
  left:-15px;
  width:160px;
  height:160px;
}.jumbo p{
  margin:4px;
}
/************************ FOOT AND ANKLE *********************************************/
.ankle{
  display:flex;
  flex-wrap:nowrap;
  padding:0px 10px;
  justify-content:flex-start;
  @media(orientation:portrait){
    font-size:8px;
  }@media(orientation:landscape){
    font-size:13px;
    text-shadow:1px 1px white;
    color:black;
  }
}.foot{
  align-items:center;
  justify-content:center;
  background:#1F2937;
  color:white;
  gap:4px;
  margin-top:auto;
  padding:0;
  text-shadow:none;
  font-size:19px;
  white-space:nowrap;
}
/************************ MENU *********************************************/
.contain{
  align-items:center;
  justify-content:center;
  height:55px;
  width:80px;
}#contain:hover,.signUp:hover{
  cursor:pointer;
}.dashes{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:30px;
  width:100px;
  transition:1s;
  align-items:center;
}.dash1,.dash2,.dash3{
  background:white;
  height:6px;
  width:55px;
  border-radius:25px;
  transition:1s;
}.curves{
  height:50px;
  clip-path:polygon(0% 0%,100% 0%,100% 10%,50% 100%,0% 10%);
  transition:1s;
}.longer1,.longer2,.longer3{
  position:absolute;
  background-color:#ffeed4;
  background-color:rgba(255,255,255,.2);
  border:white solid 11px;
  transition:.2s;
}.longer1{
  width:85px;
  height:85px;
  border-radius:85px;
}.longer2{
  margin-top:17px;
  width:50px;
  height:50px;
  border-radius:50px;
}.longer3{
  margin-top:35px;
  width:18px;
  height:18px;
  background-color:white;
  border-radius:18px;
}.bigContain{
  margin-top:-20px;
  margin-left:30px;
  height:225px;
  width:300px;
  transition:1s;
  backdrop-filter:blur(0px);
  -webkit-backdrop-filter:blur(0px);
}.bigCurves{
  height:205px;
  width:400px;
  margin-top:-6px;
  clip-path:polygon(0% 0%,100% 0%,100% 10%,50% 100%,0% 10%,0% 0%);
  transition:1s;
}.max1,.max2,.max3{
  position:absolute;
  background-color:#ffeed4,0.09;
  background-color:rgba(255, 255, 255, 0.077);
  border:white solid 45px;
  transition:1s; 
}.max1{
  width:330px;
  height:330px;
  border-radius:330px;
}.max2{
  margin-top:66px;
  width:205px;
  height:205px;
  border-radius:205px;
}.max3{
  margin-top:133px;
  width:75px;
  height:75px;
  border-radius:75px;
  background-color:white;
  border:white solid 38px;
}.menu{
  display:none;
  position:fixed;
  color:black;
  height:200px;
  width:108px;
  font-weight:900;
  transition:1s;
  margin-top:380px;
}.lowerY{
  height:250px;
  width:100px;
  border-radius:5px;
}.lowerY p{
  display:flex;
  justify-content:center;
  color:white;
  font-weight:999;
}.do0,.do1,.do2{
  text-decoration:none;
  margin-bottom:20px;
}.do0{
  margin-top:15px;
}.do2{
  margin-top:-20px;
}.do14{
  font-size:14px;
}.do16{
  font-size:16px;
}.do18{
  font-size:18px;
}.do19{
  font-size:19px;
}.do22{
  font-size:22px;
}
.do24{
  font-size:24px;
}
/************************ OVERLAY *********************************************/
.overlay{
  display:none;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgb(206,196,196,0.5);
  backdrop-filter:blur(10px);
  transition:1s;
}
/************************ EXTRA *********************************************/
h1{
  font-size:clamp(1.9rem, 2.7rem, 2.8rem); 
}h2{
  font-size:clamp(1.4rem, 2.1rem, 2.2rem);
  margin:20px 0px 5px 25px;
}h4{
  font-size:clamp(1rem, 1.7rem, 1.8rem);
  margin:20px 0px 5px 25px;
}ul{
  margin:0px 0px 0px 85px;
}.room{
  margin:50px 0px;
}.above{
  margin-top:10px;
}.appear{
  display:block;
  transition:1s;
}.disappear{
  display:none;
  transition:1s;
}.textLogo2{
  width:70px;
}.textLogo4{
  width:45px;
}@media(orientation:portrait){
  .textLogo2{
      width:140px;
  }.textLogo4{
      width:70px;
  }.bigCurves{
    display:none;
  }.rightLink{
    font-size:35px;
  }.do14{
    font-size:44px;
  }.do16{
    font-size:46px;
  }.do18{
    font-size:48px;
  }.do19{
    font-size:49px;
  }.do22{
    font-size:52px;
  }.do24{
    font-size:54px;
  }
}