simonSay.css

body {
    text-align: center;
    background-color: wheat;
}
.btn {
    height: 100px;
    width: 100px;
    border: 0.2rem solid black;
    border-radius: 20%;
    margin: 1rem 0.5rem;
    cursor: pointer;
}
h1 {
    font-family: 'Lato', sans-serif;
    font-size: 3rem;
    font-weight: 600;
    color: darkred;
}
h3 {
    min-height: 3rem;
    font-family: 'Roboto', sans-serif;
}
.btn-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn1 {
    background-color: limegreen;
}
.btn2 {
    background-color: rgb(255, 191, 0);
}
.btn3 {
    background-color: red;
}
.btn4 {
    background-color: blue;
}
.flash {
    background-color: #fff;
    box-shadow: 0 0 3rem rgba(0, 0, 0, 0.7);
    border: 0.2rem solid white;
}
.userFlash {
    background-color: #fff;
    box-shadow: 0 0 3rem rgb(101, 101, 101);
    border: 0.2rem solid rgb(194, 194, 194);
}
@media(max-width: 500px){
    h1{
        font-size: 2.5rem;
    }
}