body{
    background-color: rgb(187, 201, 246);
    border: 1px solid rgb(5, 37, 86);
    margin: 50px;
}
div{
    text-align: center;
}
h1, h2{
    color: rgb(50, 84, 140);
}
.button1{
    padding:10px 110px;
    background-color: rgb(5, 37, 86);
    color: white;
    border: 0;
    border-radius: 5px;
}
.button2{
    background-color: darkblue;
    margin-top: 15px;
    color: white;
    padding: 10px 115px;
    border: 0;
    border-radius: 5px;
}
.button4{
    background-color: rgb(79, 79, 166);
    margin-top: 15px;
    color: white;
    padding: 10px 130px;
    border: 0;
    border-radius: 5px;
}
.button1:hover{
    background-color: rgb(84, 86, 90);
}
.button2:hover{
    background-color: rgb(169, 169, 212);
}
.button4:hover{
    background-color: rgb(126, 126, 222);
}
@media only screen and (min-width: 320px) and (max-width: 425px){
     .h2{
         padding:0 50px;
     }
     body{
     margin: 30px;
     padding: 10px;
}
}