*{
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
}

body {
    min-height: 100vh;
    width: 100%;
    color: white;
    background-image: linear-gradient( to bottom right, hwb(204 15% 0%) -10%, rgba(58, 147, 255, 0.538) -5%, black 60%, rgba(58, 147, 255, 0.538), rgb(23, 98, 237))
}

a {
    text-decoration: none;
    color: #fff;
}
a:hover {
    text-decoration: underline;
}

.main {
    margin: .5rem;
    padding: 1vh;
    border: 1px solid purple;
    border-radius: 1rem;
}

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