body{
    background-color: #0F0F0F;
    overflow:hidden;
    margin: 0;
}

.center-hori{
    width: 100%;
    text-align: center;
}
.center-vert{
    margin: 0;
    position: absolute;
    top: 45%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.devider-text{
    height: 0.03vw;
}
.text-size{
    color:#FFFFFF;
    font-size: 3vw;
}
.text-size-small{
    color:#CCCCCC;
    font-size: 1vw;
}
.text-rubik {
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
}
input{
    scale: 210%;
    background-color: #00000000;
    border-style: none;
    text-align: center;
    text-decoration: underline;
    color: white;
}
button{
    text-decoration: underline;
    scale: 210%;
    color:#ffffff;
    background-color: #00000000;
    text-shadow: 0 0 1vw #ffffff;
    border-style: none;
}
.fade-in{
    animation-name: appear;
    animation-duration: 0.6s;
    animation-timing-function: ease-in-out
}
@keyframes appear{
    from {opacity: 0%;}
    to {opacity: 100%;}
}