*{
    background-position: center;
    background-size: cover;
    image-rendering: pixelated;

    padding: 0;
    margin: 0;
}

body{
    background-color: antiquewhite;
    background-image: url(osr/packages/back01.jpg);
    background-repeat: no-repeat;

    width: 100%;
    height: 100%;
}

.border-corpo{
    width: 130vh;
    height: 130vh;
    margin: auto;

    margin-top: 3vh;
    margin-bottom: 2vh;

    border: 15px solid transparent;
    border-image: url(osr/packages/blacklace.png) 17 round;
}

.corpo{
    display: grid;
    background-color: #0000008a;
        border: dashed white 1.5px;

    grid-template-rows: 26vh 8vh 96vh;
    /*justify-content: space-around;*/

    padding: 0vh;

    margin: auto;
    width: 100%;
    height: 100%;



}

.banner{
    background-color: cornflowerblue;
    background-image: url(osr/packages/bannertox.png);

    margin: 1vh;
    display: grid;
    position: relative;
    width: 100% -1vh;
    height: 100% -1vh;
}

.visitor-count{
    background-color: rgba(0, 0, 0, 0.644);
    width: 200px;
    height: 120px;

    position: absolute;
    bottom: 0;
    right: 0;

}
.psbd{
    border-width: 22px;
    border-style: solid;
    border-image: url('osr/packages/miserabledolly_doily2.png') 24 fill round;
}

.ps{
    background-color: rgb(255, 255, 255);
    padding: 0.5vh;
    width: 128px;
    margin: auto;
}
.ps span{
    text-align: center;
    font-size: 20px;
    color: rgb(0, 0, 0);
    font-family: 'OwreKynge';

}
.buttons{
    background-color: coral;
        display: grid;
    width: 100%;
    height: 100%;
}

.painel{
        display: grid;
    width: 100%;
    height: 100%;
    background-color: #0000008a;
}

.lente {    
    z-index: 1;
    position: absolute;

}

.walkingpath{
    position: relative; /* Adicionado! */
    
    width: 100%;
    height: 100px;
}

.walking{
    border: none;
    width: 100px;
    height: 100px;
    
    position: fixed;
    bottom: 0;
    right: -100px; /* Começa fora da tela */
    background-image: url(/osr/packages/gifs/5.gif);
    transform: translateX(-50%);
    animation: mover 15s linear infinite;
}

@keyframes mover {
    0% {
        right: -100px;
    }
    
    100%{
        right: 100%;
    }
}

@media screen and (max-width: 767px) {

    *{ 
        background-size: cover;
    }


    body{
    background-color: lightsteelblue;
    }

    .border-corpo{
    width: 90%;
    height: 122vh;
    margin: auto;

    margin-top: 0;
    margin-bottom: 0;

    border: 15px solid transparent;
    border-image: url(osr/packages/blacklace.png) 17 round;
    }

    .corpo{

    grid-template-rows: 15vh 6vh 96vh;

    margin: ;
    width: 100%;
    height: 1000px;
    margin-bottom: 0;
    margin-top:  0;
    }

    .visitor-count{
    background-color: rgba(0, 0, 0, 0.445);
    width: 160px;
    height: 50px;


    
    bottom: 0;
    right: ;
    left: 0;
    }

.psbd{
    border-width: 9px;
    border-style: solid;
    border-image: url('osr/packages/miserabledolly_doily2.png') 15 fill round;
}

.ps{
    background-color: rgb(255, 255, 255);
    padding: 0.1vh 0vh;
    width: 128px;
    margin: auto;
}


.gnrtxt{display: none;}



}