body {
    margin: 0;
    background-color: #f1eefb;
    font-family: 'Nunito Sans';
    width: 100vw;
    height: calc(1vw / (16 / 9) * 100);
}

body .content-container.home {
    background: url('/assets/images/bg-home.jpg?v=3') center center no-repeat transparent;
    background-size: contain;
}

.nascosto {
    display: none;
}

.content-container {
    width: 100%;
    height: calc(1vw / (16 / 9) * 100);
}

.content-container .content {
    height: calc(1vw / (16 / 9) * 100);
    position: relative;
}

.content-container .content a.back-home {
    /*background-color: #88888888;*/
    position: absolute;
    display: block;
    text-decoration: none;
    width: 19vw;
    height: calc(1vw / (16 / 9) * 17);
    z-index: 10;
}

.content-container .content .pulsante {
    /*background-color: #88888888;*/
    position: absolute;
    width: 21vw;
    height: calc(1vw / (16 / 9) * 10);
    cursor: pointer;
}

img {
    width: 100%;
    display: block;
}

/* HOME
***********************************************/
.content-container.home .content .pulsante {
    left: 39.5vw;
    bottom: calc(1vw / (16 / 9) * 6);
}

/* QUIZ
***********************************************/
.content-container.quiz .content a.back-home {
    left: 2vw;
    top: calc(1vw / (16 / 9) * 3);
}
.content-container.quiz .content .domanda-contenitore {
    height: calc(1vw / (16 / 9) * 100);
    position: relative;
    display: none;
}
.content-container.quiz .content .domanda-contenitore.visibile {
    display: block;
}
.content-container.quiz .content .domanda-contenitore.domanda-1 {
    background: url('/assets/images/bg-domanda-1.jpg?v=3') center center no-repeat transparent;
    background-size: contain;
}
.content-container.quiz .content .domanda-contenitore.domanda-2 {
    background: url('/assets/images/bg-domanda-2.jpg?v=3') center center no-repeat transparent;
    background-size: contain;
}
.content-container.quiz .content .domanda-contenitore.domanda-3 {
    background: url('/assets/images/bg-domanda-3.jpg?v=3') center center no-repeat transparent;
    background-size: contain;
}
.content-container.quiz .content .domanda-contenitore.domanda-4 {
    background: url('/assets/images/bg-domanda-4.jpg?v=3') center center no-repeat transparent;
    background-size: contain;
}
.content-container.quiz .content .domanda-contenitore.domanda-5 {
    background: url('/assets/images/bg-domanda-5.jpg?v=3') center center no-repeat transparent;
    background-size: contain;
}
.content-container.quiz .content .domanda-contenitore.domanda-6 {
    background: url('/assets/images/bg-domanda-6.jpg?v=3') center center no-repeat transparent;
    background-size: contain;
}
.content-container.quiz .content .domanda-contenitore .risposte-contenitore {
    position: absolute;
    top: calc(1vw / (16 / 9) * 53);
    right: 50%;
    transform: translateX(50%);
    width: 83.35vw;
    height: calc(1vw / (16 / 9) * 12.2);
}
.content-container.quiz .content .domanda-contenitore .risposte {
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(3, calc(100% / 3));
    column-gap: 3.05vw;
}
.content-container.quiz .content .domanda-contenitore .risposte .risposta {
    /*background-color: #88888888;*/
    width: 24.4vw;
    height: calc(1vw / (16 / 9) * 12.2);
    border-radius: 1vw;
    cursor: pointer;
}
.content-container.quiz .content .domanda-contenitore .risposte .risposta.data {
    background-color: #FFDC00;
    z-index: -1;
}
.content-container.quiz .content .pulsante {
    right: 4.5vw;
    bottom: calc(1vw / (16 / 9) * 7.5);
}


/* PROFILO
***********************************************/
.content-container.riepilogo .content .pulsante {
    left: 4vw;
    bottom: calc(1vw / (16 / 9) * 4);
}
.content-container.riepilogo .content a.back-home {
    right: 3.5vw;
    bottom: calc(1vw / (16 / 9) * 3);
}