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

h1 {
    font-family: "pixelSans";
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1.5px;
}


p {
    font-family: "pixelSans";
}

.main {
        position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%) scale(1.1);
    transform-origin: center;
}





.bghome {
    position: absolute;
    top: -450px;
    left: -615px;
    width: 1214px;
}

.bgklunk {
    position: absolute;
    top: -500px;
    left: -615px;
    width: 1214px;
}

.bigPaper {
    position: absolute;
    left: -387px;
    top: -465px;
}



.logog {
    position: absolute;
    width: 383px;
    left: -408px;
    top: -438px;
    z-index: 1;
    
}

.profilePic {
    position: absolute;
    width: 304px;
    top: -351px;
    left: 45px;
}

.sequence {
    position: absolute;
    width: 691px;
    left: -230px;
    top: -502px;
}

.box1 {
    filter:brightness(109%);
    position: absolute;
    top: -292px;
    left: -321px;
    width: 204px;
    height: 481px;
}

.infoTitle {
    position: absolute;
    left: -260px;
    top: -277px;
}

.infoText {
    position: absolute;
    text-align: center;
    left: -281px;
    top: -230px;
    width: 128px;
    text-indent: -9px;
    line-height: 22.5px;
    text-shadow: 1px 1px #ffffff;
    
}

.siteRating {
    width: 125px;
    margin-bottom: -5px;
}

.textbox2wraper {
    position: absolute;
    width: 363px;
    height: 198px;
    left: -106px;
    top: -11px;
    overflow: scroll; 
    overflow-x: hidden;
}

.textbox2 {
    position: absolute;
    width: 446px;
    height: 291px;
    left: -142px;
    top: -64px;
    filter: grayscale(72%);
}

.textbox2text {
    width: 316px;
    height: 191px;
}

.recphone {
    float: right;
    width: 158px;
    padding-right: 7px;
    padding-top: 17px;
}



.textbox2Title {
    position: absolute;
    z-index: 1;
    left: -94px;
    top: -77px;
    width: 327px;
    filter: contrast(61%);
}

.moveEverything {
    position: absolute;
    left: -18px;
    top: 10px;
}

.box3 {
    position: absolute;
    filter: brightness(124%);
    top: -289px;
    left: -148px;
    width: 289px;
}



.textbox3Text {
    position: absolute;
    width: 185px;
    left: -101px;
    top: -234px;
    line-height: 14px;
    z-index: 2;
    font-family: cursive;
    
   
}

.box1full {
    position: absolute;
    top: 30px;
    left: -12px;
}

.box3full {
    position: absolute;
    top: -14px;
    left: -13px;
}

.bigPaperLogog {
        position: absolute;
    left: -387px;
    top: -465px;
    z-index: 1;
}

.box2full {
    position: absolute;
    top: 233px;
}

.thewholeshabang {
    position: absolute;
    top: 74px;
}

.textbox3Title {
    position: absolute;
    width: 243px;
    left: -7px;
    top: -59px;
    line-height: 14px;
    z-index: 2;
}

.box3Title {
    position: absolute;
    left: -95px;
    top: -281px;
    font-size: 29px;
    font-family: cursive;
}

.titlePager {
    position: absolute;
    left: -40px;
    top: -411px;
    font-size: 47px;
    z-index: 1;
}

.mood {
    position: absolute;
    left: 157px;
    top: -95px;
    width: 170px;
}

.moodText {
    position: absolute; 
    left: 174px;
    top: -97px;
    width: 144px;
    font-family: Arial, Helvetica, sans-serif;
}

.mymom {
    position: absolute;
    width: 350px;
    left: -162px;
    top: -65px;
    filter: brightness(144%);
}

.updatebox {
    position: absolute;
    left: -304px;
    top: 203px;
    width: 178px;
}

.updatetext {
    position: absolute;
    left: -283px;
    top: 191px;
    font-size: 30px;
    font-family: monospace;
    text-shadow: 3px 1px 2px #4b93ff;
}

.listUp {
    position: absolute;
    left: -327px;
    top: 252px;
    font-size: 14px;
    overflow: scroll;
    overflow-x: hidden;
    direction: rtl;
    width: 162px;
    height: 123px;
}





.marqs {
    position: absolute;
    
    text-align: center;
    padding-top: -15px;
    padding-bottom: -23px;
    width: 179px;
    left: 156px;
    height: 197px;
    top: -15px;
}

.sigma {
    width: 100px;
}

.bottomFeeder {
    position: absolute;
    bottom: -853px;
    left: -212px;
    width: 428px;
    /*box-shadow: 0px 0px 30px white;*/
}

.item_direction {
    direction: ltr;
}

.navbarside {
    position: absolute;
    left: -22px;
    top: -31px;
}

.sitemapfull {
    position: absolute;
    left: -409px;
    top: -264px;
    border-style: solid;
    width: 226px;
    height: 300px;
}

.sitemapfull:hover {
    transform: translateX(-100px)
}

.abselout {
    position: absolute;
}

.Sitemap {
    writing-mode: vertical-rl;
    text-orientation: upright;
    height: 271px;
    width: 31px;
    left: 1px;
    top: 15px;
    font-size: 28px;
    background-color: beige; 
    transform: rotate(1deg)
}

.sitemaptext {
    left: 84px;
    top: 104px;
    width: 83px;
}