@media only screen and (max-width: 700px) {
     .formContainer a{
          font-size: .5rem !important;
     }
     .linkInput{
          width: 90% !important;
          font-size: 1rem !important;
          border-radius: 0 !important;
     }
     .logoContainer{
          left: 5vw !important;
     }
     .logo{
          font-size: 1.5rem !important;
     }
     .logoImg{
          width: 100px !important;
     }
     .newLink a{
          font-size: .75rem !important;
     }
}
@media only screen and (orientation: landscape) and (max-width: 800px){
     .logo{
          left: 0 !important;
          margin-left: -5% !important;
     }
}
html{
     background: #141414;
}
body{
     margin: 0 auto;
     color: white;
     background-color: #141414;
     font-family: 'Share Tech Mono', monospace;
}
.centerAlign{
     display: flex;
     justify-content: center;
     position: relative;
}
.pageWrap{
     padding: 5vh 0;
     text-align: center;
     position: relative;
     width: 90vw;
}
.linkInput{
     border: none;
     border-bottom: 1px dashed rgb(40, 255, 20);
     outline: none;
     font-size: 2rem;
     color: rgb(40, 255, 20);
     background: transparent;
     width: 50%;
     margin: 0 auto;
     border-radius: none !important;
     font-family: 'Share Tech Mono', monospace;
}
.label{
     font-size: 2rem;
}
.aspectRatioDimContainer input{
     border: none;
     border-bottom: 1px dashed rgb(40, 255, 20);
     outline: none;
     font-size: 2rem;
     color: rgb(40, 255, 20);
     background: transparent;
     margin: 1vh auto;
     width: 30%;
     text-align: center;
     border-radius: none !important;
     font-family: 'Share Tech Mono', monospace;
}
.aspectRatioDimContainer{
     max-width: 70vw;
     margin: 0 auto;
     display: flex;
     flex-flow: row wrap;
     justify-content: center;
     align-items: center;
     padding-top: 35vh;
}
.submitButton{
     display: none;
}
.formContainer{
     padding-top: 35vh;
}
.formContainer a, .newLink a{
     color: rgb(40, 255, 20);
     font-size: 1.25rem;
}
.mainNavContainer{
     display: flex;
     flex-flow: row nowrap;
     justify-content: space-between;
     align-items: center;
}
.mainNavContainer a{
     transition: all .2s ease-in-out;
}
.mainNavContainer a:hover{
     opacity: .75;
}
.logoContainer h1{
     font-family: 'Comfortaa', cursive;
     font-size: 2.25rem;
}
.logoContainer img{
     padding-left: 5px;
}
.newLink{
     opacity: 0;
     padding-top: 2vh;
}
.copiedText{
     margin-bottom: 20px;
     display: block;
     opacity: 1;
}
#copyMobile{
     display: none;
}
.tooltip .tooltiptext, .navLinksContainer a{
     color: rgb(40, 255, 20);
}
.navLinksContainer a{
     text-decoration: none;
     padding-right: 10px;
}
.navLinksContainer a:not(:last-child){
     border-right: 1px solid rgb(40, 255, 20);
}
.logoImg{
     max-width: 200px;
     height: auto;
}