body{
    overflow: hidden;
}
#fondo{
    position: absolute;
    top:0;
    left:0;
    width: 100vw;
    z-index:-2;
}
#pregunta{
    background-color: white;
    position:absolute;
    top:25%;
    left:50%;
    transform: translate(-50%, -50%);
    padding: 50px;
    mask-image: radial-gradient(closest-side, black 60%, transparent 100%);
}

#incorrecta{
    background-color: rgba(255, 255, 255, 0.95);;
    position: absolute;
    padding: 50px;
    border-width: 5px;
    border-style: groove;
    border-color: rgba(0,0,0,0.3);
    left:1200px;
    top:500px;
}

#correcta{
    background-color: rgba(255, 255, 255, 0.95);
    position: absolute;
    padding: 50px;
    border-width: 5px;
    border-style: groove;
    border-color: rgba(0,0,0,0.3);
    top:500px;
    left:500px;
}
#pantalla_oculta{
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    background-color: white;
    color: white;
    width: 2000px;
    height: 2000px;
    z-index:-1;
}
#pantalla_oculta2{
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    background-color: white;
    color: white;
    width: 2000px;
    height: 2000px;
    z-index:5;
}
#pantalla_muestra{
    position: absolute;
    background-color: white;
    color: white;
    width: 2000px;
    height: 2000px;
    top: 0;
    left: 0;
}
.pantalla{
    transition: all 4s ease;
}
#titulo{
    position:absolute;
    width:500px;
    top:50px;
    left:50px;
}
#ver{
    width:300px;
    position:absolute;
    top:100px;
    left:1500px;
}
#volver{
    background-image: url(https://i.pinimg.com/originals/dd/7e/08/dd7e08989fcb579f7208842d2732aa94.gif);
    width: 200px;
    height: 100px;
    clip-path:polygon(100% 100%,80% 10%,10% 20%,10% 100%);
    text-decoration: none;
    color: white;
    text-align: center;
}
#volver p{
    padding-top:50px
}
#vol{
    text-decoration: none;
    position: absolute;
    top: 700px;
    left: 100px;
}