body{
    background-color:rgb(0, 23, 93);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.btn1{background-color: blue;}
.btn1:hover{background-color: rgb(80, 80, 255);}
.btn1:active{background-color: rgb(165, 165, 255);;}
.btn2{background-color: red;}
.btn2:hover{background-color: rgb(255, 105, 105);}
.btn2:active{background-color: rgb(255, 196, 196);}
.btn3{background-color: green;}
.btn3:hover{background-color: rgb(80, 180, 80);}
.btn3:active{background-color: rgb(186, 238, 186);}
.btn4{background-color: yellow;}
.btn4:hover{background-color: rgb(255, 255, 141);}
.btn4:active{background-color: rgb(255, 255, 227);}

.btns{
    display: grid;
    grid-template-columns: repeat(2, 180px);
    gap: 20px;   
}
button{
    border-radius: 20%;
    padding: 70px;
    border: solid 10px;
}
h1{
    color: aliceblue;
    font-family: "Press Start 2P", cursive;
    font-size: 25px; 
    line-height: 1;
}
.pressed{
    transform: scale(0.9);
    opacity: 0.7;
    transition: all 0.1s;
}