body{
    font-family:Arial, Helvetica, sans-serif;
    color: white;
    background-color: black;
}

section{
    margin-top: 2rem;
    margin-bottom: 10rem;
}
.tinyMarginBottom{
    margin-bottom: 0.1rem;
}
.bigMarginBottom{
    margin-bottom: 4rem;
}


/* mobile */
@media screen and (max-width: 768px) {
    section{
        margin-left: 1rem;
        margin-right: 1rem;
        min-width:12rem ;
    }
    h2{
        font-size: 1.2rem;
    }
    h1{
        font-size: 1.5rem;
    }

}

/* tablet */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    section{
        margin-left: 1rem;
        margin-right: 1rem;
        width: 35rem;
    }
    h1{
        font-size: 1.8rem;
    }
    h2{
        font-size: 1.5rem;
    }


}

/* desktop */
@media screen and (min-width: 1024px) {
    section{
        margin-left: 5rem;
        margin-right: 5rem;
        width: 45rem;
    }
    h1{
        font-size: 2rem;
    }
    h2{
        font-size: 1.6rem;
    }

}