body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 
                 "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.color h1,
.color p {
    margin: 0;
}

p {
    font-size: 7vh;
    color: #90d6ff;
    font-weight: bold;
}

.color {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: rgb(0, 0, 0);
    gap: 1vh;
    font-size: 1.5vh; 
    text-align: center;
}

.caixa {
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: rgb(255, 255, 255);
    border-radius: 3.1vh;
    width: 31vh;
    height: 39vh;
}

button {
    margin-top: 1vh;
    height: 4vh;
    width: 13vh;
    font-size: 1.6vh;
    font-weight: bold;
    color: #000000;
    background: rgb(208, 234, 255);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 999px;
    cursor: pointer;
    transition: all 0.25s ease;
}