#ytplayer_1{
    position:absolute;
    width:54.2%;
    height:58%;
    left:23.1%;
    top:22.7%;
    z-index:2;
}

#titulo{
    position:absolute;
    z-index:3;
    width:70%;
    left:15%;
    top:18.5%;
}


#botonera{
    bottom:5%;
}
#background_cine{
    width:82.5%;
    position:absolute;
    left:8.7%;
    top:18%;
}

.btn_cerrar{
    position:absolute;
    top:19%;
    right:9.6%;
    width:5%;
}

.btn_cerrar:hover{
    cursor:pointer;
    opacity:0.85;
    width:5.5%;
}

.titulo{
    background:#DD801B;
    width:80%;
    height:8%;
    top:17%;
    left:10%;
    position:absolute;
    color:white;
    font-size:2.5em;
    text-align:center;
    border-radius:10px;
    line-height:1.5em;
}

.panel_izquierdo{
    width:70%; 
    height:59%;
    position:absolute;
    top:27%;
    left:4%;
}

.panel_izquierdo div{
    height:26%;
    width:100%;
    border-radius:1em;
    background:#F7E503;
    border:solid 0.4em #2F6CF4;
    margin-bottom:3%;
}

.panel_izquierdo div p{
    color:black;
    font-size:2.2em;
    width:69%;
    margin:1% 0 0 15.3%;
    padding:0;
    text-align:center;
}


.panel_opciones{
    position:absolute;
    left:77%;
    top:27%;
    width:18%;
    height:59%;
}

.panel_opciones > div:first-of-type{
    margin-top:5%;
}
.panel_opciones > div{
    width:100%;
    height:16%;
    margin-bottom:35%;

}

.panel_opciones > div > div{
    background:#CD06F7;
    margin-bottom:2%;
    border-radius:8px;
}

.panel_opciones p{
    font-size:2.6em;
    margin:0;
    color:#EDF908;
    text-align:center;
}

.panel_opciones > div > div:hover{
    cursor:pointer;
    opacity:0.75;
}

.popup_incorrect{
    width:95.2%;
    height:82%;
    border-radius:20px;
    background:rgba(0, 0, 0, 0.8);
    position:absolute;
    z-index:2;
    display:none;
}

.popup_incorrect_1 img:first-of-type, .popup_incorrect_4 img:first-of-type{
    width:57%;
    margin-top:5%;
    margin-left:22%;
}

.popup_incorrect_2 img:first-of-type{
    width:65%;
    margin-left:14%;
}

.popup_incorrect_3 img:first-of-type{
    width:59%;
    margin-left:20%;
    margin-top:2%;

}
.popup_incorrect .btn_cerrar{
    top:10%;
    right:25%;
}

.popup_incorrect_3 .btn_cerrar{
    top:4%;
}

.popup_incorrect_1 .btn_cerrar{
    top:9%;
    right:22%;
}

.popup_incorrect_5 img:first-of-type{
    width:70%;
    margin-top:3.5%;
    margin-left:9%;
}

.popup_incorrect_6 img:first-of-type{
    width:70%;
    margin-left:9%;
    
}

#ytplayer_2{
    position:absolute;
    top:12%;
    left:21%;
    width:43.2%;
    height:51.5%;
}