body{
    background-color: rgb(247, 236, 210);
}
.portada{
    background-image: url('img/fondo1.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
}
.boton{
    position: absolute;
    bottom: 400px;
    left: 50%;
    transform: translateX(-50%);
}
.pag1{
    background-image: url('img/img1.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton1{
    position: absolute;
    bottom: 180px;
    left: 40%;
    transform: rotate(75deg);
}

.pag2{
    background-image: url('img/img2.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton2{
    position: absolute;
    bottom: 180px;
    left: 40%;
    transform: rotate(75deg);
}

.pag3{
    background-image: url('img/img3.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton3{
    position: absolute;
    bottom: 180px;
    left: 40%;
    transform: rotate(75deg);
}

.pag4{
    background-image: url('img/img4.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton4{
    position: absolute;
    bottom: 80px;
    left: 20%;
    transform: rotate(120deg);
}
.pag5{
    background-image: url('img/img5.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton5{
    position: absolute;
    bottom: 180px;
    left: 20%;
    transform: rotate(100deg);
}
.pag6{
    background-image: url('img/img6.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton6{
    position: absolute;
    bottom: 180px;
    left: 40%;
    transform: rotate(90deg);
}

.pag7{
    background-image: url('img/img7.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton7{
    position: absolute;
    bottom: 180px;
    left: 40%;
    transform: rotate(90deg);
}
.pag8{
    background-image: url('img/img8.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton8{
    position: absolute;
    bottom: 180px;
    left: 40%;
    transform: rotate(180deg);
}

.pag9{
    background-image: url('img/img9.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton9{
    position: absolute;
    bottom: 180px;
    left: 40%;
    transform: rotate(90deg);
}
.pag10{
    background-image: url('img/img10.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton10{
    position: absolute;
    bottom: 180px;
    left: 40%;
    transform: rotate(180deg);
}
.boton101{
    position: absolute;
    bottom: 300px;
    left: 20%;
    transform: rotate(100deg);
}
.pag11{
    background-image: url('img/img11.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton11{
    position: absolute;
    bottom: 180px;
    left: 40%;
    transform: rotate(75deg);
}
.pag12{
    background-image: url('img/img12.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton12{
    position: absolute;
    bottom: 180px;
    left: 25%;
    transform: rotate(0deg);
}
.pag13{
    background-image: url('img/img13.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton13{
    position: absolute;
    bottom: 300px;
    left: 10%;
    transform: rotate(100deg);
}
.boton131{
    position: absolute;
    bottom: 200px;
    left: 10%;
    transform: rotate(0deg);
}

.pag14{
    background-image: url('img/img14.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton14{
    position: absolute;
    bottom: 180px;
    left: 25%;
    transform: rotate(0deg);
}
.pag15{
    background-image: url('img/img15.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton15{
    position: absolute;
    bottom: 180px;
    left: 40%;
    transform: rotate(90deg);
}
.pag16{
    background-image: url('img/img16.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton16{
    position: absolute;
    bottom: 180px;
    left: 40%;
    transform: rotate(90deg);
}
.pag17{
    background-image: url('img/img17.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton17{
    position: absolute;
    bottom: 180px;
    left: 40%;
    transform: rotate(90deg);
}
.pag18{
    background-image: url('img/img18.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton18{
    position: absolute;
    bottom: 200px;
    left: 10%;
    transform: rotate(0deg);
}
.boton181{
    position: absolute;
    bottom: 180px;
    left: 40%;
    transform: rotate(90deg);
}

.pag19{
    background-image: url('img/img19.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton19{
    position: absolute;
    bottom: 200px;
    left: 25%;
    transform: rotate(0deg);
}
.pag20{
    background-image: url('img/img20.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton20{
    position: absolute;
    bottom: 200px;
    left: 10%;
    transform: rotate(0deg);
}
.boton201{
    position: absolute;
    bottom: 180px;
    left: 40%;
    transform: rotate(90deg);
}
.pag21{
    background-image: url('img/img21.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton21{
    position: absolute;
    bottom: 200px;
    left: 25%;
    transform: rotate(0deg);
}

.pag22{
    background-image: url('img/img22.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton22{
    position: absolute;
    bottom: 180px;
    left: 40%;
    transform: rotate(0deg);
}
.pag23{
    background-image: url('img/img23.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton23{
    position: absolute;
    bottom: 180px;
    left: 40%;
    transform: rotate(90deg);
}
.pag24{
    background-image: url('img/img24.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton24{
    position: absolute;
    bottom: 180px;
    left: 40%;
    transform: rotate(0deg);
}
.pag25{
    background-image: url('img/img25.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton25{
    position: absolute;
    bottom: 300px;
    left: 60%;
    transform: rotate(270deg);
}
.pag26{
    background-image: url('img/img26.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    position: relative;
}

.boton26{
    position: absolute;
    bottom: 600px;
    left: 10%;
    transform: rotate(0deg);
}