/* .centered {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */

.box {
    margin: auto;
    text-align: center;
    margin-top: 5%;
    /* height: 50%; */
}

#header {
    padding: 10% 10% 2% 10%;
}

#info {
    padding-bottom: 10%;
}

#info, #comparison {
    font-size: 1.5rem;
}

.box:hover {
    cursor: pointer;
}

#area {
    border: 1px solid black;
}

body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}