body {
    font-family: Arial, sans-serif;
    font-size: 1vmax;
}

.options {
    position: fixed;
    height: calc(50vh - 10vmin);
    width: calc(100vw - 10vmin);
    left: 5vmin;
    bottom: 5vmin;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5vmin;
}

div.options > div.option {
    height: calc(50vh - 10vmin);
    width: calc((100vw - 15vmin) / 2);
    background-color: rgb(211, 211, 211);
    border-radius: 5vmin;
}

div.options > div.option:hover {
    background-color: rgb(190, 190, 190);
}

div.options > div.option > div.option-content {
    margin: 5vmin;
    width: calc(100% - 10vmin);
}

div.options > div.option > div.option-content  > div.option-title {
    width: 100%;
    text-align: center;
    font-size: 2.5vmax;
    margin-bottom: 3vmin;
}

div.title {
    font-size: 4vmax;
    width: 100%;
    margin-bottom: 5vmin;
    text-align: center;
}

div.title-instructions {
    position: fixed;
    width: calc(100% - 10vmin);
    height: calc(50vh - 5vmin);
    overflow-y: scroll;
    left: 5vmin;
    top: 5vmin;
}