html {
    max-width: 7680px;
    margin: 0 auto;
    padding: 0;
    font-size: 15px;
    font-family: "Rubik", sans-serif;
    line-height: 1.6;
}

@media screen and (min-width: 630px) {
    html {
        font-size: 30px;
    }
}

@media screen and (min-width: 980px) {
    html {
        font-size: 32px;
    }
}

body {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: rgb(40, 40, 40);
    background: linear-gradient(to bottom, rgba(40, 90, 160, 1) 40px, rgba(96, 210, 237, 1) 250px, rgba(190, 240, 237, 1) 450px, rgba(255, 255, 255, 1) 1000px) no-repeat;
}