body{
    background: var(--main-bg);
    width:100vw;
    box-sizing:border-box;
}
main{
    padding:0!important;
    margin:0 auto;
}

@media(min-width:769px){
    html{
        font-size:16px;
    }
    main{
        min-width:600px!important;
        max-width:900px!important;
    }
    section div{
        line-height:1.6rem;
        padding:0.6rem 0 0.2rem;
    }
    input[type="text"],
    input[type="email"]{
        padding:0.5em;
        font-size:1rem;
        margin:0 0 0.5rem;
        width:100%;
    }
    select{
        font-size:1rem;
        margin:0 0 0.5rem;
    }
    textarea{
        padding:0.5em;
        font-size:1rem;
        margin:0 0 0.5rem;
        width:100%;
    }
}
@media(max-width:768px){
    html{
        font-size:4.5vw;
    }
    body{
        font-size:4.5vw;
        padding:1em;
    }
    main{
        width:91vw;
    }
    input[type="text"],
    input[type="email"]{
        padding:0.5em;
        font-size:4.5vw;
        margin:0.25rem 0 0.75rem;
        width:100%;
    }
    select{
        font-size:4.5vw;
        margin:0.25rem 0 0.75rem;
    }
    textarea{
        padding:0.5em;
        font-size:4.5vw;
        margin:0.25rem 0 0.75rem;
        width:100%;
    }
}