@media only screen and (max-width: 800px) {
    
    .frame {

        display: block;
        
        height: 100vh;
        
        width: 100%;
        
        background-color:gray;
    }

    .open-sans {
        font-family: "Open Sans", sans-serif;
        font-optical-sizing: auto;
        font-style: normal;
        font-variation-settings:
        "wdth" 100;
}


    button {

        width:100px;
        height:50px;
        color:#000000;
        background-color:rgb(9, 255, 0);
        border-radius:10px;
        font-family:monospace;
        font-weight:600;
        cursor:pointer
    
    }

}


@media only screen and (min-width: 800px) {
    
    .frame {
        
        display: none;
    
    }

    .next{

        width:100px;
        background-color:blue;
        color:#fff;
    }
    
}