body {
    margin:0;
    background: url(../img/background.jpg);
    cursor: default;
    background-color: #281d32;
}
@font-face {
    font-family: Comfortaa;
    src: url(../fonts/Comfortaa-Regular.ttf);
    font-style: normal;
    font-weight: 400;
 }
 ::-webkit-scrollbar {
    width: 0;
 }
 .container {
     font-family:Comfortaa;
     color: lightgray;
     position: absolute;
     left:50%;
     top:50%;
     transform: translate(0, -100000%);
     text-align:center;
     border:2px solid rgba(255, 255, 255, 0.5);
     border-radius:100px;
     padding:50px;
     animation: ava 1s 1s forwards;
     opacity:0;
 }
 @keyframes ava {
    0% {
       opacity: 0;
       transform: translate(-50%, -40%);
    }
    100% {
       transform: translate(-50%, -50%);
       opacity: 100;
    }
 }
 #generator {
    color: lightgray;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.2);
    margin-top: 30px;
    border-radius: 10px;
    padding: 17px 20px;
    font-family: Comfortaa;
    position: relative;
    text-decoration: none;
    font-size: 27px;
    transition: .3s;
 }
 #generator:hover {
    background-color: rgba(255, 255, 255, 0.02);
    transition: .3s;
 }
 .text-center {
     font-size:40px;
 }
 .form-group {
     font-size:25px;
 }
 .checkbox {
     margin-top:30px;
     text-align:left;
     font-size:23px;
 }
 .row {
     font-size:25px;
 }
 #out {
     text-align: left;
 }
 @media screen and (max-width:1280px) {
    body {
       background:  #281d32;
    }
}