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{
    font-size: 3vw;
    background-color: #00000000;
    border-style: none;
    text-align: center;
    text-decoration: underline;
    color: white;
-webkit-appearance: none;
-moz-appearance: textfield;
}
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%;}
}
.gold {
    color: #ffd700;
}
.orange {
    color: #ffa500;
}

.pink {
    color: #ff69b4;
}
.purple{
    color: #b726b7;
}
.violet {
    color: #ee82ee;
}
.blue {
    color: #4343ea;
}
.light_blue {
    color: #87ceeb;
}

.green{
    color: #008000;
}
.yellow_green{
    color: #9acd32;
}
.black{
    color: #fff;
}