body{
    background-color: #24252a;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

h2{
    text-decoration: none;
    color: #fff;
    margin-right: auto;
}

.title{
    text-align: center;
    padding: 1%;
    border-radius: 5px;
    color: #fff;
}

.buty{
    background-color: #0088a9;
    border-style: none;
    font-size: 10em;
    padding: 2%;
    margin: 10% 5% 0 30%;
    border-radius: 5px;
    cursor: pointer;
}
 
.buty2{
    background-color: #0088a9;
    border-style: none;
    font-size: 5em;
    padding: 1% 5% 1% 5%;
    border-radius: 5px;
    cursor: pointer;
}

@media screen {
    .buty{
        background-color: #0088a9;
        border-style: none;
        font-size: 10em;
        padding: 4%;
        margin: 10% 20% 10% 20%;
        border-radius: 5px;
    }
     
    .buty2{
        background-color: #fff;
        border-style: none;
        font-size: 5em;
        margin: 10% 20% 10% 20%;
        padding: 1% 20% 1% 20%;
        border-radius: 10x;
    }  
}