@media only screen and (max-width:360px){
.cont div{ font-size:18px } 
}

.rhyme{
    text-align:center;
    margin-bottom:30px;
     background-color:var(--generator-bg);
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    padding: 3rem 1rem 1rem;
}
.buttonDiv{
    margin-top:30px;
    display:flex;
    justify-content:center
}
.rhymeInput {
    height:50px;
    width: 250px; 
    font-size:1.3em; 
    padding-left:4px; 
}

.rhymeBtn{
    margin-left:10px
}
.cont{ margin:20px auto 0 auto; border:1px solid #aaa; padding:10px; font-size:1.2em; font-weight:bold; display:none; }

.cont h4{margin:10px 0;color:var(--red)}

.nodTo{margin-top:50px}

@media only screen and (min-width:500px){

}
@media only screen and (min-width:768px){
    .rhymeInput {
        width:300px;
    }

    .nodTo{margin-top:80px}
}