*{
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}
body{
    background-color: #24272E;
}
header > h2{
    background-color: white;
    color: black;
    padding: 0.8vw;
    text-align: center;
}

.button{
    padding: 2vw;
    display: flex;
    justify-content: center;
    flex-direction: row;
}

@media (max-width: 800px) {
    .button {
      flex-direction: column;
    }
  }

input[type=button]{
    background-color: transparent;
    border: none;
    font-size: 20vw;
    cursor: pointer;
}

input[type=button]:hover{
    transform: scale(1.5);
}

#result{
    color:white;
    text-align: center;
    margin-top: 3.1vw;
    font-size: 2vw;
    padding: 2vw;
}
#resetButton{
    border-radius: 7%;
    color: white;
    cursor: pointer;
    font-weight: bold;
    padding:0.5vw;
    border:none;
    background-color: tomato;
}