@media screen and (max-width: 900px) {
    .body{
        width: 95vw;
    }
    h1{
        margin: 15px auto 25px auto;
    }
}
@media not screen and (max-width: 900px) {
    .body{
        width: 80vw;
    }
    h1{
        margin: 15px auto 5px auto;
    }
}


body{
    background: url("../imgs/mainBackground.png") no-repeat fixed;
    background-size: cover;
}
.body{
    background-color: rgba(0,0,0,.2);
    border-radius: 7px;
    text-align: center;
    margin: 40px auto 20px auto;
    padding: 20px 0 40px 0;
    min-height: 400px;
    font-family: next,sans-serif;
}
h1{
    font-size: 50px;
    color: white;
}
h2{
    margin: 0 auto 60px auto;
    font-size: 38px;
    color: white;
}
.body a{
    text-decoration: none;
    color: white;
    margin: 50px;
    text-shadow: 1px 1px rgba(255,255,255,.5);
    border-bottom: solid 4px #573a85;
    background: rgb(128,93,199);
    background: linear-gradient(0deg, rgba(128,93,199,1) 0%, rgba(82,102,198,1) 100%);
    padding: 10px 60px 5px 60px;
    border-radius: 14px;
    font-size: 50px;
}