@media only screen and (max-width: 610px) {
    input{
        margin: 5px;
    }
    input.botao{
        margin-top: 5px;
    }
}
    
       input#blue{
            color: white;
        }
        input#red{
            color: white;
        }
        input#violet{
            color: white;
        }
        input#green{
            color: white;
        }
        input{
            font :normal 15pt arial;
            width: 110px;
            border-radius: 10px;
            box-shadow: 2px 2px 4px black;
        }
        div{
            margin-top: 30px;
            color: white;
            border-radius: 10px;
            box-shadow: 2px 2px 4px black;
            min-width: 100px;
            max-width: 1280px;
               
        }
        body{
            background-color:lightslategrey;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 15pt;
        }
        h1{
            text-align: center;
            color:black;
            margin-top: 100px;
            margin-bottom: 100px;
            box-shadow: 2px 2px 4px black; 
            border-radius: 10px;
            background: yellow;
            padding: 50px;
        }
        p{
            color: white;
            font-size: x-small;
            margin-bottom: 50px;
            margin-top: 50px;
        }
        body{
            background-image: linear-gradient(90deg, rgb(223, 223, 82), rgb(235, 130, 148), rgb(39, 39, 238), rgb(100, 223, 137), rgb(202, 60, 60));
            

        }