/*style goes here*/
body{
  background-color:#ffeed4;
  color:black;
  @media(orientation:portrait){
    font-size:23px;
  }@media(orientation:landscape){
    font-size:clamp(1.2vw,2.0vw,3.2vw);
    color:black;
  }
  font-family: "Tahoma", sans-serif;
}*{
  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;
}.portrait{
  display:flex;
  flex:5;
  align-items:center;
  justify-content:center;
  border-radius:10px;
}.img{
  width:40%;
  height:auto;
  border-radius:15px;
}.img2{
  width:100%;
  height:auto;
  border-radius:15px;
}.textLogo2{
  vertical-align:-1px;
  width:clamp(55px,8vw,100px);
}.textLogo4{
  vertical-align:-1px;
  width:45px;
}
/**/
/************************ ROWS ********************************************/
.row2,.row3,.middle,.bottom{
  padding:30px clamp(3.5rem,5vw,10rem);
  margin:0px;
}row2 div{
  padding:15px;
  margin:0px;
}.row1,.row2,.row3,.row,.middle,.right,.R23,.ab,.abBox,.abBox1,.j1,.j2,#contain{
  display:flex;
  flex-direction:column;
}.top,.mid,.R22,.quote,.box,.r4,.r5,.r6,.r7,.left{
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
}.row1{
  padding:30px;
  gap:50px;
}.row2{
  gap:15px;
}.titles{
  padding:30px;
  font-size:55px;
  text-align:center;
  font-weight:600;
}
/************************ 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:20px;
}.notBig{
  font-size:40px;
  color:#203981;
}.middle{
  align-items:center;
}.r4,.r5,.r6,.r7{
  gap:20px;
}.frame{
  display:flex;
  flex:3;
  padding:18px;
  background-color:rgba(255, 255, 255, 0.328);
  border-radius:15px;
  align-items:center;
  justify-content:center;
  height:auto;
}.frame1{
  flex-direction: column;
}.words{
  display:flex;
  flex-direction:column;
  flex:3;
  gap:5px;
  justify-content:space-around;
}
/************************ BOX *********************************************/
.box1{
  width:280px;
  height:280px;
  border-radius:15px;
  border:white 7px solid;
}
/************************ CALL TO ACTION **********************************/
.signUp{
  color:white;
  background-color:#7b498f;
  font-size:23px;
  font-weight:900px;
  width:170px;
  height:50px;
  border-radius:12px;
  text-align:center;
  align-items:center;
  justify-content:center;
  border:0px;
}
/************************ 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;
}
/************************ FORM ********************************************/
.model{
  display:none;
  position:fixed;
  top:120px;
  left:80px;
  background-color:white;
  border:solid 6px #7b498f;
  border-radius:25px;
}.form{
  width:1030px;
  height:450px;
  padding:10px;
}.closeForm{
  padding-left:1030px;
  padding-top:10px;
}
/************************ 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{
  display:flex;
  flex-direction:row;
  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;
}
/************************ 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 *******************************************/
.center{
  font-size:32px;
  align-self:center;
  margin-bottom:0px;
  font-weight:900;
}.big,.notBig,.right{
  font-weight:999;
}.big{
  color:black;
  font-size:70px;
  text-align:center;
}.borderish{
  border-right:black 2px solid;
  border-bottom:black 2px solid;
}.extra{
  border:white solid 3px;
}.indent{
  text-indent:25px;
}.appear{
  display:block;
  transition:1s;
}.disappear{
  display:none;
  transition:1s;
}@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;
  }.img{
  width:60%;
  }
}