:root {
        --brown: #7b7253; 
    }

    ::-webkit-scrollbar {
        width: 10px;
    }

    ::-webkit-scrollbar-track {
        background: #0e0e0e;
    }

    ::-webkit-scrollbar-thumb {
        background: var(--brown);
        border-radius: 10px;
    }

    body {
        scrollbar-width: thin;
        scrollbar-color: var(--brown) transparent;       
        background-image: url(resources/bg.jpg);       
        padding: 0%;            
        border-left: 0%;
        margin: 0%;
        font-family: 'Pixearg';       
        height: 2300px; 
    }

    .main{
        width:1146px;
        padding-top: 3%;
        padding-bottom: 3%;
        transform-origin: top center;
    }

    .nav{
        position: relative;
        width: 1146px;
        height: 870px;            
    }

    .secondContainer{
        position: relative;           
        display: flex;
        padding-top: 1%;
        height: 799.828px;
        width: 1146px;
    }

    .thirdContainer{
        position: relative;
        width: 1146px;
        display: flex;
        padding-top: 2%;
        height: 156.484px;
    }

    .absolute{
        position: absolute;
    }

    .titleImg{
        top: -8.7px;
        width: 172px;
        height: 54px;
    }

    .containerNavConan{
        width: 285px;
        height: 267px;
        top: 156.5px;
        left: 538.6px;
        z-index: 2;
    }

    .containerNavConan .chip{
        height: 326.02px;
        opacity: 99%;
        border-radius: 14px;
        margin-left: -20px;
        margin-top: -31.5px;
    }

    .containerNavConan .conan{
        width: 234px;
        left: 26px;
        top: 16px;
        border-radius: 18px;
        opacity: 80%;
    }

    .solidWhiteBorder3{
        border: 3px white solid;
        border-radius: 12px;
    }

    .solidWhiteBorder2{
        border: 2px white solid;
        border-radius: 12px;
    }

    .pNav{
        font-size: large;
    }
    
    .pAbout{
        top: -16px;
        left: 99.6px;
    }

    .pWriting{
        top: 78.29px;
        left: 160.43px;
        z-index: 2;
    }

    .pR-T{
        top: 435px;
        left: 859.5px;
        z-index: 10;
    }

    .planta1{
        transform: rotate(-90deg);
        width: 252px;
        left: 573px;
        top: -60.89px;
        z-index: 1;
    }

    .planta2{
        width: 194.812px;
        left: 424px;
        top: 593.68px;
        z-index: 1;
    }

    .cositosL
    {
        top: 330.59px;
        left: 412.54px;
    }

    .cositosR
    {
        top: 382.79px;
        left: 859.5px;
    }

    .circ{
        position: absolute;
    }

    .circ.c1{
        width: 229.188px;
        top: 408.891px;
        left: 687.594px;
    }

    .circ.c2{
        width: 229.188px;
        top: 330.954px;
        left: 446.938px;
    }

    .circ.c3{
        width: 229.188px;
        top: 391.5px;
        left: 790.734px;
    }

    .circ.c4{
        width: 275.031px;
        top: 104.391px;
        left: 813.656px;
    }

    .circ.c5{
        width: 229.188px;
        top: 17.3906px;
        left: 813.656px;
    }

    .circ.c6{
        width: 435.469px;
        top: 295.797px;
        left: 137.516px;
    }

    .circ.c7{
        width: 538.609px;
        top: 69.5938px;
        left: 11.4531px;
    }

    .circ.c8{
        width: 126.047px;
        left: 630.297px;
    }

    .signBookContainer{
        display: flex;
        position: absolute;
        left: 905.32px;
        top: 843.891px;
    }

    .signBookContainer a{
        margin-right: 7%;
    }



    .signBookContainer img{
        border: 1px solid white;
        border-radius: 5px;
        padding: 6%;
    }

    .signBookContainer img:hover{
        height: 52px;
    }

    .divisor{
        width: 1146px;
        left: 38%;
        top: -1%;
    }

    .shinchan{
        z-index: 0;
        left: 32.188px;
        height: 302.391px;
        top: -119px;
    }

    .toro{
        z-index: 1;
        left: 1048.5px;
        height: 302.391px;
        top: 361.84px;
    }

    .toro:hover{
        opacity: 0.2;
    }

    .atom{
        z-index: 10;
        transform: rotate(-31deg);
        left: 450px;
        height: 420px;
        top: -142px;
    }

    .releaseCover{
        margin-left: 7px;
        margin-top: -4px;
        width: 155px;
    }

    .releaseMarquee{
        background-color:#0e0e0e;
        color:white;
        width: 280px;
        border:1px solid #a8a29b;
        outline:1px solid #635f59;
    }

    .releaseInfo{
        font-family: 'Consolas';
        font-size: large;
    }

    .releaseInfo a{
        text-decoration: none;
        color: white;
    }
    .releaseInfo a:hover{
        color: #7b7253;
    }

    .playerContainer{
        left:0; 
        top:582.89px; 
        width:492.76px; 
        height:191.39px; 
        z-index: 2;
    }

    .playerImage{
        margin-left: -9.84px;
        width: 517.391px;
        margin-top: -19.7px;
        top: 2%;
        left: -2%;
    }

    #release{
        position: absolute;
        display:flex;
        align-items:flex-start;
        top: 19.125px;
        left: 9.84px;
        width: 458px;
    }

    .rytContainer{
        width: 148.96px;
        height: 60.89px;
        position: absolute;
        left: 997px;
        top: 452.39px;
        z-index: 2;
    }

    .rytImg{
        margin: 3% 2%;
        width: 143px;
    }

    .rytImg:hover{
        width: 150px;
    }

    .containerVid{
        left: 813.65px;
        top: 539.39px;
        width: 332.32px;
        height: 287px;
        z-index: 2;
    }

    .containerVid .bg{
        height: 350.25px;
        opacity: 99%;
        border-radius: 14px;
        margin-left: -49.84px;
        margin-top: -29.90px;
    }

    .recs{
        width: 542.281px;
        margin-right: 1%;
    }

    .dRecs{
        width: 422.969px !important;
        margin: 0% 2% 1% 0%;
        height: fit-content;
        max-width: unset !important;
    }

    .pPhotos{
        top: -23px;
        left: 928.25px;
    }

    .pMusic{
        top:144.18px;
        left: 1100px;
    }
    
    .introContainer{
        margin: 0%;
        overflow-x: hidden;
        padding: 5%;
    }

    .navButton{
        position: absolute;
        border: 1px white solid;
        background-size: cover;
        z-index: 2;
    }

    .navButton:hover{
        width: 155px !important;
        height: 63px !important;
    }

    .navButton.journal{
        top: 60.89px;
        height: 60.89px;
        width: 148.96px;
        background-image: url(resources/journal.png);
        background-position: 0% 0%;
    }

    .navButton.photos{
        width: 13%;
        height: 7%;
        left: 87%;
        background-image: url(resources/fotos.png);
        background-position: 0% 46%;
    }

    .navButton.music{
        width: 13%;
        height: 7%;
        left: 87%;
        top: 11%;
        background-image: url(resources/music.png);
        background-position: 0% 99%;        
    }

    .textLeft{
        text-align: left !important;
    }

    .fColumn{
        width: 718.781px;
        margin: 1% 1% 0% 0%;
    }

    .sColumn{
        width: 409.547px;
        margin: 1% 0% 0% 1%;
    }

    #entries{
        display: flex;
        flex-direction: column;
    }

    .miniJournalDisplay{
        justify-content: center;
        width: 100%;
        border: 1px dashed #999999;
    }

    .width100{
        width: 100%;
    }

    .miniJournalContainer{
        height: 511px !important    ;
        margin-top: 2%;
    }

    .miniJournalInside{
        height: 99%;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    #album-name{
        background-color: #0e0e0e;
        color: white; 
        border-radius: 16px;
    }

    .containerButtons{
        height: 100%;
        overflow-y: scroll;
    }

    .containerButtons a{
        height: 24px;
        margin: 0px 4px 0px 0px;
    }

    .height100{
        height: 100% !important;
    }
    .textCenter{
        text-align: center !important;
    }

    .buttonSection{
        width: 574.812px;
        margin-left: 1%;
        height: 113.719px;
    }

    .footerLines{
        margin-top: 2%;
        display: flex;
        justify-content: space-between;
    }

    .footerText{
        padding-top: 3%;
        padding-bottom: 5%;
    }

    .bordersUL{
        height: 111.938px !important;
    }


    .containerNav{
        position: absolute;
        top: 278.391px;
        border: 3px white solid;
        width: 263.578px;
        height: 217.5px;
        z-index: 2;
    }

    .containerNavBg{
        height: 291.43px;
        opacity: 99%;
        border-radius: 14px;
        margin-left: -13.17px;
        margin-top: -36.89px;
    }

    #buttonBorders{
        height: 118px;
    }
    
    #updateLogBg
    {
        height: 77px;
        overflow-y: scroll;
    }

        #updateLogBg::before{
            border-right: none;            
            border-bottom: none;
        }

    .containerScreen{
        position: absolute;
        top: 15.21px;
        left: 44.79px;
        height: 178.34px;
        width: 178.59px;
        overflow-y: scroll;
        scrollbar-width: thin;
        scrollbar-color: white transparent;
    }

    .containerScreen a{
        cursor: pointer;
    }

    .containerScreen .link {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        color: white;
        font-family: Consolas;
        font-size: large;
        border-bottom: 1px white dashed;
        padding: 2%;
        width: 149.92px;
        text-decoration: none;
    }

    .containerScreen .link:hover {
        color: #7b7253;
    }

    .pNav:hover{
        color: #7b7253;
        cursor: pointer;
    }

    #myButton{
        margin-top: 2%;
        width:404px;
        height: 131px;
    }

    .myButtonText{
        text-align:center;
        font-size: small;
    }

    .buttonClose.copyHTML{
        float:inherit;
        position: relative;
        transform: none;
    }

    
    .spanMarquee{
        display: inline-block; 
        width: 253.781px; 
        vertical-align: middle;
    }

    .contentBorders.intro{
        height: 754.5px;
        background-image: url(resources/thoughtsBg.png);
        padding: 0%;
    }

    .buttonBg{
        height: 96px;
    }

    #site{
        display:flex;
        justify-content:center;
        width:100%;
    }

    .miniJournalEntryContainer{
        width: 100%; 
        border: 1px dashed #999999;
    }

    .mJentryDiv{
        display:flex;
    }

    .pfp{
        width: 19%; 
        height: 19%; 
        padding: 3%; 
        border-radius: 19px; 
        margin-top: 0.5%;
    }

    .mjEntryData{
        margin: 4% 0% 0% 0%; 
        font-size: small;
        display: flex;
        gap: 11px;
        align-items: center;
    }

    .mjEntryText{
        padding-right: 4%;
        margin-top: 2%;
    }


    .tradSitio{
        top: 305px;
        left: 858px;     
        cursor: pointer;  
        z-index: 10;                 
    }

    .thumbnail{
        position: absolute;
        top: 32px;
        width: 313px;
        height: 177px;
        left: 7px;
    }

    .infoVideo{
        position: absolute;
        top: 195px;
        left: 9px;
    }

    .videoTitle {
        font-family: 'Pixel Script';
        font-size: large;
        margin-bottom: 0;
        display: -webkit-box;
        display: box;
        line-clamp: 1;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 311px;
    }
    .videoChannel{
        font-size: small;
        margin-top: 4px !important;
    }

    .videoTitle:hover,  .videoChannel:hover{
        color: #7b7253;
        cursor: pointer;
    
    }

    .infoVideo a{
        text-decoration: none;
    }

    .latestVideoText{
        font-size: xx-large;
        font-family: 'Pixel Script';
        position: absolute;
        top: -10px;
        margin: 0px;
        left: 10px;
    }

    #staticThumbnail{
        opacity: 17%;
    }

    .playButton{
        position: absolute;
        top: 90px;
        left: 42%;
        opacity: 80%;
        width: 55px;
    }

    .latestReleaseText{
        font-size: x-large;
        font-family: 'Pixel Script';
        margin: 0%;
    }