body{
    overscroll-behavior-x: none;
    overscroll-behavior-y: none;
    padding: 0;
    margin: 0;
}
.content-mobile{
    display: none;
}
#wolrdBG{
    position: absolute;
    margin: 0%;
    padding: 0%;
    top: 0;
    left: 0;
    z-index: 1
}
#world{
    position: absolute;
    top: 0;
   left: 0;
   margin: 0%;
    padding: 0%;
}
html, body {
    margin: 0;
    padding: 0;
  } 
#flowerBed{
    position: absolute;
    z-index: 1;
    top: 1250px;
    left: 6050px;
    cursor: pointer;
}
#flowerview{
    position: absolute;
    z-index: 1;
    top: 1750px;
    left: 5750px;
    width: 900px;
    height: auto;
}
#viewbuttonflower{
    position: absolute;
    z-index: 1;
    top: 2160px;
    left: 6200px;
    cursor: pointer;
    width: 100px;
    height: auto;
}
#eggview{
    position: absolute;
    z-index: 1;
    top: 1350px;
    left: 780px;
    width: 900px;
    height: auto;
}
#viewbuttonegg{
    position: absolute;
    z-index: 1;
    top: 1700px;
    left: 1200px;
    cursor: pointer;
    width: 100px;
    height: auto;
}
#nest1{
    position: absolute;
    z-index: 1;
    top: 1350px;
    left: 550px;
    cursor: pointer ;
}
#wf{
    position: absolute;
    z-index: 1;
    top: 1200px;
    left: 2270px;
 
}
#in{
    position: absolute;
    z-index: 3;
    top: 1940px;
    left: 3200px;
    cursor: pointer ;
}
#wormview{
    position: absolute;
    z-index: 2;
    top: 1940px;
    left: 2500px;
    width: 900px;
    height: auto;
}
#viewbuttonworm{
    position: absolute;
    z-index: 5;
    top: 2295px;
    left: 2900px;
    cursor: pointer ;
    cursor: pointer ;
    width: 100px;
    height: auto;
}
#snail{
    position: absolute;
    z-index: 1;
    top: 1315px;
    left: 4793px;
    cursor: pointer ;
}
#slugview{
    position: absolute;
    z-index: 1;
    top: 1115px;
    left: 5093px;
    width: 900px;
    height: auto;
}
#viewbuttonslug{
    position: absolute;
    z-index: 1;
    top: 1605px;
    left: 5493px;
    width: 100px;
    height: auto;
    cursor: pointer ;
}
#scor{
    position: absolute;
    z-index: 5;
    top: 1600px;
    left: 4250px;
    cursor: pointer ;
}
#scorpionview{
    position: absolute;
    z-index: 5;
    top: 1700px;
    left: 4550px;
    width: 900px;
    height: auto;
}
#viewbuttonscorpion{
    position: absolute;
    z-index: 5;
    top: 2025px;
    left: 4950px;
    cursor: pointer;
    width: 100px;
    height: auto;

}
#fingers{
    position: absolute;
    z-index: 5;
    top: 970px;
    left: 5380px;
    cursor: pointer ;
    width: 170px;
    height: auto;
}
#fingersview{
    position: absolute;
    z-index: 5;
    top: 670px;
    left: 5780px;
    cursor: pointer ;
    width: 900px;
    height: auto;
}
#viewbuttonfingers{
    position: absolute;
    z-index: 5;
    top: 990px;
    left: 6205px;
    cursor: pointer ;
    width: 100px;
    height: auto;
}
#fingers2{
    position: absolute;
    z-index: 5;
    top: 1000px;
    left: 5543px;
    width: 170px;
    height: auto;
}
#fishing{
    position: absolute;
    z-index: 5;
    top: 2420px;
    left: 1880px;
    cursor: pointer ;
}
#fishview{
    position: absolute;
    z-index: 4;
    top: 2120px;
    left: 1280px;
    width: 900px;
    height: auto;
}
#viewbuttonfish{
    position: absolute;
    z-index: 4;
    top: 2505px;
    left: 1700px;
    cursor: pointer ;
    width: 100px;
    height: auto;
}

#glitch{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
#dBox{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 1200px;
    height: auto;
}
#dType{
    position: absolute;
    top: 80px;
    left: 50px;
    z-index: 3;
    width: 850px;
    height: auto;
}
 #portfolio{
    position: absolute;
    top: 150px;
    left: 960px;
    z-index: 3;
    color: white; 
    text-decoration: underline;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    display: sticky;
    font-size: 15pt;
}
#resume{
    position: absolute;
    top: 185px;
    left: 960px;
    font-size: 15pt;
    z-index: 3;
    color: white; 
    text-decoration: underline;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
}
#email{
    position: absolute;
    top: 220px;
    left: 960px;
    z-index: 3;
    color: white; 
    text-decoration: underline;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    font-size: 15pt;
}
#mguy{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 300px;
    height: auto;
    justify-content: baseline;
    display: hidden;
}

@media(max-width: 852px){
   
    .content-desktop{display: none;}
    .content-mobile{display: block;}
    body{
        overscroll-behavior-x: none;
        overscroll-behavior-y: none;
        overflow-x: hidden;
        padding: 0;
        margin: 0;
        background-color: black;
        
        
     
    }
    #mbg{
    
            position: absolute;
            margin: 0%;
            padding: 0%;
            top: -25px;
            left: 0;
            z-index: 2;
            width: 500px;
            height: auto;
         

    }
    #bgupdate{
        position: absolute;
            margin: 0%;
            padding: 0%;
            top: 560px;
            left: 0;
            z-index: 1;
            width: 500px;
            height: auto;
    }
   #box2{
       background-color: rgb(0, 0, 0);
    position: absolute;
       width: 100%;
       height: 100%;
       z-index: 1;
   }
    #mobil_glitch{
        position: absolute;
            margin: 0%;
            padding: 0%;
            top: 0;
            left: 0;
            z-index: 1
    }
 #sidebox{
    position: absolute;
     width: 100px;
     height: 100vh;
     left: 500px;
     top: 0;
     z-index: 1;
     background-color: rgb(0, 0, 0);
 }
    
    #dType{
        display: none;
        z-index: 5;
    }
    #mguy{
        position: absolute;
        top: 650px;
        left: 220px;
        z-index: 5;
        width: 200px;
        height: auto;
        justify-content: baseline;
        display: hidden;
    }
    #portfolio-mobile{
        position: absolute;
        margin-top: 30px;
        top: 0px;
        left: 350px;
        z-index: 4;
        color: white; 
        text-decoration: underline;
        font-family: 'Space Grotesk', sans-serif;
        cursor: pointer;
    }
    #resume-mobile{
        position: absolute;
        margin-top: 30px;
        top: 50px;
        left: 350px;
        z-index: 4;
        color: white; 
        text-decoration: underline;
        font-family: 'Space Grotesk', sans-serif;
        cursor: pointer;
    }
    #email-mobil{
        position: absolute;
        margin-top: 30px;
        top: 100px;
        left: 350px;
        z-index: 5;
        color: white; 
        text-decoration: underline;
        font-family: 'Space Grotesk', sans-serif;
        cursor: pointer;
    }
    #mobile-type{
        position: absolute;
        margin: 30px;
        margin-bottom: 30px;
        z-index: 5;
        background-color: rgb(0, 0, 0);
    }
    #bgbox{
        background-color: rgb(0, 0, 0);
        position: absolute;
            margin: 0%;
            padding: 0%;
            top: 0;
            left: 0;
            z-index: 1;
            width: 600px;
            height: 100%;

    }
    #flowerBed{
        position: absolute;
        width: 105px;
        z-index: 6;
        top: 1750px;
        left: 110px;
        cursor: pointer;
    }
    #nest1{
        position: absolute;
        width: 60px;
        z-index: 6;
        top: 1010px;
        left: 273px;
        cursor: pointer ;
    }
   
    #in{
        position: absolute;
        width: 200px;
        z-index: 6;
        top: 1490px;
        left: 265px;
        cursor: pointer ;
    }
    #snail{
        position: absolute;
        width: 70px;
        z-index: 5;
        top: 1610px;
        left: 276px;
        cursor: pointer ;
        transform: scaleX(-1);
    }
    #scor{
        position: absolute;
        width: 130px;
        z-index: 5;
        top: 2010px;
        left: 235px;
        cursor: pointer ;
    }
    #fishing{
        position: absolute;
        width: 150px;
        height: auto;
        z-index: 6;
        top: 2590px;
        left: 220px;
        cursor: pointer ;
    }
}