@font-face {
    font-family: "Neue-Machina";
    src: url(../fonts/NeueMachina-Regular.otf);
}

* {
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
}
/* body{
    background: linear-gradient(340deg, #2b3a9f,#45395c,#000000, #668dc2,#f778c8 );
    color: white;
    background-size: cover;
   
} */
html, body {
    color: #ffff;
    margin: 0;
    padding: 0;
    height: 100%;
    background: linear-gradient(340deg,#f778c8, #5c3956, #000000, #010102, #f778c8);
    /* background: linear-gradient(340deg, #2b3a9f, #45395c, #000000, #668dc2, #f778c8); */
    background-size: cover; 
    background-attachment: fixed; 
}

.main{
    padding: 1rem;
    padding: .5rem;
    border: 1px solid white;
    border-radius: 1rem;
}

@media only screen and (min-width: 768px){
    .main{
        max-width: 1024px;
        margin: 1rem auto;

    }
}