* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: rgb(186, 235, 255);
    flex-wrap: wrap-reverse;
}

main {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

.container {
    width: 80vh;
    height: 80vh;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 5px;
    border: 10px solid rgb(0, 124, 218);
    background-color: rgb(153, 207, 248);
}

.boxContainer {
    display: flex;
    flex: 1;
}

.box {
    flex: 1;
}

.reset-prompt {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    gap: 20px;

}

.reset-prompt button {
    background-color: rgb(0, 139, 246);
    padding: 10px 50px;
    font-size: 20px;
    border-radius: 10px;
    cursor: pointer;
    border: none;
    color: white;
}

.reset-prompt button:hover {
    box-shadow: 0px 0px 10px 1px rgb(1, 68, 116);
    background-color: rgb(18, 150, 251);
}