/*-----------------Temporal---------------------------*/

.gorro {
    position: absolute;
    left: 15%;
    width: 25vw;
    rotate: -70deg;

}
.arbol {
    position: absolute;
    z-index: 2;
}

.derecha {
    right: -32vw;
}
.izquierda {
    left: -32vw;
}






/*--------------Configuracion Inicial eh inicio----------------*/

html {
    background-color: #ff3c3c;
    width: 100%;
    height: 100%;
    padding: 0;
}
body {
    margin: 0;
    width: 100%;
    height: 100%;
}
main{
    margin: 0;
}

#titulo {
    text-align: center;
}
section {
    width: 100%;
    height: 100vh;
    background-image: url(img/Olas.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.trianguloUno {
    border-left: 0vw solid transparent;
    border-right: 20vw solid transparent;
    border-bottom: 97vh solid #38c37c;
    position: absolute;
    z-index: 1;
}


.trianguloDos {
    border-left: 20vw solid transparent;
    border-right: 0vw solid transparent;
    border-bottom: 97vh solid #38c37c;
    position: absolute;
    right: 0;
    z-index: 1;
}

.Blanco {
    border-bottom-color: #ffffff ;
    z-index: -2;
    border-left: 20px solid #ffffff;
    border-right: 21vw solid transparent;
    border-bottom: 100vh solid #ffffff;

}
.Blanco2 {
    border-bottom-color: #ffffff ;
    z-index: -2;
    border-right: 20px solid #ffffff;
    
    border-left: 21vw solid transparent;
    border-bottom: 100vh solid #ffffff;
}

.Logo {
    position: relative;
    width: 65vw;
    top: -6vh;
}
.Mono {
    position: absolute;
    width: 5vw;
    left: 48%;
    bottom: 20px;
}

/*------------- Contendido adicional ----------------*/

.contenedorAmarillo {
    width: 70%;
    height: 100vh;
    background-image: url(img/Seccion.png);
    background-size: 76vw;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 15vw;
}
.alto {
    font-family: 'Higher', sans-serif;
    font-size: 20vh;
    text-align: center;
    margin-top: 5vh;
    margin-bottom: 0vh;
}
.bebas {
    font-family:'Bebas',sans-serif;
    font-size: 2vw;
    text-align: center;
}
.vw60
{
    width: 60vw;
}

.centrar{
    text-justify: center;
    justify-content: center;
    justify-items: center;
    margin: 0 auto;
}
.primero {
    color: #ffffff;
}

/*   ----------------- Imagenes ----------------- */

.fuckadobe {
    width: 60vw;
    height: 35vh;
    background-image: url(img/FUCKADOBE.png);
    background-size: contain;
    background-position: center;

}


/*------------- Fonts ----------------*/

@font-face {
    font-family: 'Higher';
    src: url('fonts/Higher.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas';
    src: url('fonts/BebasNeue-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}