html,body{
     min-height: 100vh;
     height: auto;
     position: relative;
     margin: 0;
     padding: 0;
    overflow-x: hidden;
 }
 h1,h2{
text-align: center;
 }
 
 .bio{
     margin:2vh 0;
     font-size: 1.0em;
     padding: 0 2%;
 }
 .logo{
     display: block;
     height: auto;
     width:  20vh;  
 }
 .btns-cont{
     overflow-y: auto;
     padding-bottom: 5vh;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 .allBtns{display: flex;flex-direction: column;width: 80%;}
 .link{
     display: block;    
  width: 100%;
   height: 5vh;
   margin: 5vh auto 0 auto;
   cursor: pointer;
   border: none;
   font-size: 1.2em;
}
.top{display: block;}
footer{width:100%;margin-top: 5vh;display: flex;justify-content: center;}
.moonlinks{text-decoration: none;font-size: 14px;display: flex;flex-direction: column;align-items: center;}
.slare{width: 25%;}
.Ftype1{border: none; border-radius: 0%;}
.Ftype2{border: none; border-radius: 5px;}
.Ftype3{border: none; border-radius: 70px;}
.Btype1{border: 1px solid black;}
.Btype2{border: 1px solid black;border-radius: 5px;}
.Btype3{border: 1px solid black;border-radius: 70px;}
.Stype1{border: none; border-radius: 0%;filter: drop-shadow(10px 10px 10px black); }
.Stype2{border: none; border-radius: 5px;filter: drop-shadow(10px 10px 10px black);}
.Stype3{border: none; border-radius: 70px;filter: drop-shadow(10px 10px 10px black) ;}
.Htype1{border-radius: 0%;filter: drop-shadow(10px 10px  black); }
.Htype2{border-radius: 5px;filter: drop-shadow(10px 10px  black);}
.Htype3{border-radius: 70px;filter: drop-shadow(10px 10px  black) ;}
.textShadow{text-shadow:  1px 1px 2px rgba(0, 0, 0, 0.7), 2px 2px 4px rgba(0, 0, 0, 0.6), 3px 3px 6px rgba(0, 0, 0, 0.5); }
.triangle {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 67%, 0 100%, 0% 50%);
}

.tilt{clip-path: polygon(0 0, 100% 0, 100% 62%, 58% 79%, 0 100%, 0% 50%);
} 
.wave{clip-path:polygon( 100% 80.853%,100% 0%,0% 0%,0% 80.853%,0% 80.853%,0.951% 81.655%,3.603% 83.773%,7.656% 86.775%,12.81% 90.233%,18.763% 93.713%,25.214% 96.785%,31.865% 99.019%,38.413% 99.983%,44.558% 99.247%,50% 96.379%,50% 96.379%,54.864% 92.433%,59.532% 88.802%,64.089% 85.569%,68.62% 82.814%,73.209% 80.618%,77.941% 79.061%,82.902% 78.225%,88.176% 78.192%,93.847% 79.041%,100% 80.853% );}
.pair{flex-wrap: wrap;flex-direction: row;}
.pair .link{width: 40%;}
.mediaBtns{font-size: 1.2rem;}
.sparkle{background: url(wave\ 3-01.png) no-repeat center /cover;}
button.sparkle{background: url(sparkle.png) no-repeat center /cover;}
@media only screen and (min-width: 600px) {
    .bio{    
        padding: 0 10%;
    }
}
@media only screen and (min-width: 992px) {
    .bio{    
        font-size: 1.3em;
    }
    .logo{width:30vh;}
    .allBtns{width: 40%;}
    .link{
      font-size: 1.5em;
   }
   .mediaBtns{font-size: 1.7rem;}
}
@media only screen and (min-width: 1700px) {

}