body{
        margin: 0;
        padding: 0;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: url(fondo3.jpg);
        /*background-size: contain;*/
    }

    .parent{
        height: 100vh;
        padding: 0%;
        margin: 0%;
        position: relative;
        width: 80%;
        overflow: hidden;

        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .div1 { grid-area: 1 / 1 / NaN / NaN; }

    img{
        position: absolute;
    }

    .cabezaMii{
        position: absolute;
        left: 26%;
        top: 1%;
        z-index: 1;
        max-width: 12%;
        transform: rotate(-12deg);
    }
    .miiFull{
        position: absolute;
        max-width: 11%;
        top: 65%;
        left: 63%;
    }
    .hoja{
        position: absolute;
        display: flex;
        max-height: 93%;
        left: 30%;
        top: 3%;
        transform: rotate(-3deg);
    }

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

    .pAbout{
        font-family: lazyDog;
        position: absolute;
        font-size: 26px;
        z-index: 1;
        width: 23%;
        top: 10%;
        left: 39%;
        opacity: 68%;
    }

    .volver{
        position: absolute;
        font-family: 'lazyDog';
        color: green;
        top: 93%;
        left: 33%;
        font-size: 26px;
    }

    .volver:hover{
        color: white;
    }

    .traductor{
        position: absolute;
        top: 8%;
        left: 70%;
        font-size: 26px;
        color: white;
        cursor: pointer;
        font-family: 'lazyDog';
        text-decoration: underline;
    }
    .traductor:hover{
        color: green;
    }

        /*Media Queries*/
    @media (max-width: 1280px) {
        .hoja{
            left: 27%;
            top: 5%;
            max-height: 89%;
        }

        .pAbout{
            font-size: 22px;
            width: 31%;
        }

        .miiFull{
            position: absolute;
            max-width: 14%;
            top: 64%;
            left: 70%;
        }

        
        .cabezaMii {
            left: 24%;
            top: 1%;
            max-width: 15%;
        }

        .volver{

            top: 91%;
            left: 31%;
            font-size: 22px;
        }
        .traductor{
            left: 79%;
            font-size: 22px;
            top: 9%;
        }        
       

    }