@font-face {
    font-family: "f_apple_garamond_light";
    src: url(../fonts/f_apple_garamond_light.ttf);
}

@font-face {
    font-family: "f_apple_garamond";
    src: url(../fonts/f_apple_garamond.ttf);
}

@font-face {
    font-family: "f_vtks_sunny_day";
    src: url(../fonts/f_vtks_sunny_day.ttf);
}

@font-face {
    font-family: "f_trip_denied";
    src: url(../fonts/f_trip_denied.ttf);
}

* {
    cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat839.cur), auto;
    margin: 0px;
}

body {
    image-rendering: pixelated;
    background-color: #a2ff00;
    background-image: url(../edited_images/backgrounds/ei_grass_texture_background_2.png);
    background-size: 70%;
    background-repeat: repeat;
    overflow: hidden;
    background-attachment: fixed;
}

.caja_madre {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: transparent transparent;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}

.caja_madre::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

/* intro */

.caja_de_intro { 
    position: absolute;
    top: 30vw;
    left: 46%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-family: "f_apple_garamond", Helvetica;
    font-size: 1.35vw;
    color: #442211;
    text-shadow: 0.04vw 0.04vw 0vw #ffc396,
                 -0.04vw -0.04vw 0vw #ffc396,
                 -0.04vw 0.04vw 0vw #ffc396,
                 0.04vw -0.04vw 0vw #ffc396;
    width: 18vw;
}

.intro {
    width: 100%;
    filter: brightness(120%);
}

.texto_de_intro {
    width: 15vw;
    position: absolute;
    top: 35.5%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.enlace_de_intro:link, .enlace_de_intro:visited {
    cursor: pointer;
    text-decoration: none;
    color: #ffc396;
    text-shadow: 0.04vw 0.04vw 0vw #442211,
                 -0.04vw -0.04vw 0vw #442211,
                 -0.04vw 0.04vw 0vw #442211,
                 0.04vw -0.04vw 0vw #442211;
}

.enlace_de_intro:hover, .enlace_de_intro:active {
    cursor: pointer;
    text-decoration: none;
    color: #ff00ab;
    text-shadow: 0.04vw 0.04vw 0vw #a2ff00,
                 -0.04vw -0.04vw 0vw #a2ff00,
                 -0.04vw 0.04vw 0vw #a2ff00,
                 0.04vw -0.04vw 0vw #a2ff00;
}

.pasto_de_intro {
    width: 25vw;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: brightness(90%);
}

/* shed */

.caja_de_shed {
    position: absolute;
    text-align: right;
    font-family: "f_vtks_sunny_day";
    font-size: 3.4vw;
    line-height: 4.5vw;
    color: white;
    text-shadow: 0.4vw 0.4vw 0px #ff00ab;
    width: 33vw;
    top: 2vw;
    left: 3%;
}

#shed {
    width: 100%;
    filter: brightness(120%) drop-shadow(0.5vw 0.5vw 0vw transparent);
    cursor: pointer;
}

.titulo_de_shed {
    position: absolute;
    top: 23%;
    left: 70%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.enlace_de_shed:link, .enlace_de_shed:visited, .enlace_de_shed:hover .enlace_de_shed:active {
    color: white;
    text-decoration: none;
}

/* gazebo */

.caja_de_gazebo {
    position: absolute;
    text-align: right;
    font-family: "f_trip_denied";
    font-size: 6vw;
    line-height: 3vw;
    color: #ff00ab;
    width: 40vw;
    top: 5vw;
    left: 58%;
}

#gazebo {
    width: 100%;
    filter: drop-shadow(0.5vw 0.5vw 0vw transparent);
    cursor: pointer;
}

.titulo_de_gazebo {
    position: absolute;
    top: 23%;
    left: 66%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.enlace_de_gazebo:link, .enlace_de_gazebo:visited, .enlace_de_gazebo:hover .enlace_de_gazebo:active {
    color: #ff00ab;
    text-decoration: none;
}

/* maze */

/* nursery */