@import url("https://fonts.googleapis.com/css2?family=Dekko&display=swap");

body {
    background-image: linear-gradient(
        45deg,
        #f9b9c9 25%,
        #51adcf 25%,
        #51adcf 50%,
        #f9b9c9 50%,
        #f9b9c9 75%,
        #51adcf 75%,
        #51adcf 100%
    );
    background-size: 56.57px 56.57px;
}
.outercont {
    width: 1200px;
    border-style: solid;
    border-image: url("https://file.garden/Zx3Clq1Z7kthf_V-/birdbrainedneocities/l-extra22-20-s512-extra22-20-1.webp")
        40 fill repeat !important;
    border-image-slice: 15% !important;
    border-image-repeat: round !important;
    border-width: 20px !important;
    margin: auto;
    background-image: url("https://file.garden/Zx3Clq1Z7kthf_V-/birdbrainedneocities/tumblr_517b61d902de6c34b0fab7fa8766e413_83a4b235_75%20(1).webp");
    padding: 10px;
    background-clip: padding-box;
    height: fit-content;
}

.container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 0.2fr 1.4fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        "header header header header header header header header header header header header header"
        "header header header header header header header header header header header header header"
        "marquee marquee marquee marquee marquee marquee marquee marquee marquee marquee marquee marquee marquee"
        "nav nav nav content content content content content content content status status status"
        "nav nav nav content content content content content content content status status status"
        "nav nav nav content content content content content content content status status status"
        "nav nav nav content content content content content content content status status status"
        "nav nav nav content content content content content content content status status status"
        "cliques cliques cliques content content content content content content content idk idk idk"
        "cliques cliques cliques content content content content content content content idk idk idk"
        "cliques cliques cliques content content content content content content content idk idk idk"
        "cliques cliques cliques content content content content content content content idk idk idk"
        "marquee2 marquee2 marquee2 marquee2 marquee2 marquee2 marquee2 marquee2 marquee2 marquee2 marquee2 marquee2 marquee2";
    margin: auto;
    background-color: white;
    border-style: solid;
    border-image: url("https://file.garden/Zx3Clq1Z7kthf_V-/birdbrainedneocities/6zi9t5%20(1)%20(1).webp") 40 fill
        repeat !important;
    border-image-slice: 22% !important;
    border-image-repeat: round !important;
    border-width: 12px !important;
    background-clip: padding-box;
    height: 950px;
}

.pfp {
    grid-area: 1 / 1 / 5 / 5;
    padding: 5px;
        text-align: center;
            border-style: solid;
    border-width: 2px;
    border-color: #51adcf;
background-image: url("https://file.garden/Zx3Clq1Z7kthf_V-/birdbrainedneocities/aboutme/267e4774e6412d40db7d2f594c7e8ffe.webp");
    background-size: contain;
}
.toptxt {
    grid-area: 1 / 5 / 4 / 15;
            border-style: solid;
    border-width: 2px;
    border-color: #51adcf;
    text-align: center;
background-image: url("https://file.garden/Zx3Clq1Z7kthf_V-/birdbrainedneocities/aboutme/1d98b3d1421ed81f18dcb9f517e047b6%20(2).webp");
    background-size: cover;
}
.marquee {
    grid-area: 4 / 5 / 5 / 15;
        display: flex;
    align-content: center;
    align-items: center;
    white-space: nowrap;
background-image: url("https://file.garden/Zx3Clq1Z7kthf_V-/birdbrainedneocities/aboutme/267e4774e6412d40db7d2f594c7e8ffe.webp");
    background-size: contain;
            border-style: solid;
    border-width: 2px;
    border-color: #51adcf;
}
.aboutme {
    grid-area: 5 / 1 / 9 / 8;
   background-image: url("https://file.garden/Zx3Clq1Z7kthf_V-/birdbrainedneocities/aboutme/2c8d8deb551a3d6091666d4af154f462.webp");
    background-size: contain;
    background-position: center;
            border-style: solid;
    border-width: 2px;
    border-color: #51adcf;
    padding: 10px;
    display: flex;
    justify-content: center;
}
.mecore {
    grid-area: 5 / 8 / 9 / 15;
       background-image: url("https://file.garden/Zx3Clq1Z7kthf_V-/birdbrainedneocities/aboutme/2c8d8deb551a3d6091666d4af154f462.webp");
    background-size: contain;
       background-position: center;
            border-style: solid;
    border-width: 2px;
    border-color: #51adcf;
    text-align: center;
    overflow-y: auto;
}
.interests {
    grid-area: 9 / 1 / 13 / 15;
       background-image: url("https://file.garden/Zx3Clq1Z7kthf_V-/birdbrainedneocities/aboutme/2c8d8deb551a3d6091666d4af154f462.webp");
    background-size: contain;
                border-style: solid;
    border-width: 2px;
    border-color: #51adcf;
    text-align: center;
    padding: 10px;
    overflow-y: auto;
}
.footer {
    grid-area: 13 / 1 / 14 / 15;
        background-image: url("https://file.garden/Zx3Clq1Z7kthf_V-/birdbrainedneocities/aboutme/1d98b3d1421ed81f18dcb9f517e047b6%20(2).webp");
    background-size: cover;
                border-style: solid;
    border-width: 2px;
    border-color: #51adcf;
}

.pfpimg {
        border-style: solid;
    border-image: url("https://file.garden/Zx3Clq1Z7kthf_V-/birdbrainedneocities/aboutme/ct98bi%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1).webp")
        40 fill repeat !important;
    border-image-slice: 22% !important;
    border-image-repeat: round !important;
    border-width: 12px !important;
}

.minibuttons {
    display: block;
              transition: transform .4s;
}

.topimg {
  width: 100%;
    height: 89px;
    background: url(https://file.garden/Zx3Clq1Z7kthf_V-/birdbrainedneocities/aboutme/Linie_18.webp) repeat left top;
    position: fixed;
        top: 0px;
right: 0px;
}

.aboutscroll {
        border-style: solid;
    border-image: url("https://file.garden/Zx3Clq1Z7kthf_V-/birdbrainedneocities/ct98bi%20(1)%20(1)%20(1)%20(1)%20(1)%20(1).webp")
        40 fill repeat !important;
    border-image-slice: 22% !important;
    border-image-repeat: round !important;
    border-width: 12px !important;
    overflow-y: auto;
    width: 550px;
    height: 250px;
    background-color: white;
    text-align: center;
     color: #2e6275;
    font-family: "Dekko";
    font-size: 1.3em;
    padding: 5px;
}

.aboutscroll h2 {
    font-size: 1.2em !important;
}

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

/* Track */
::-webkit-scrollbar-track {
    background: white;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(0deg, rgba(143, 225, 252, 1) 0%, #f9bccb 100%) 1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #8fe1fc;
    background: linear-gradient(180deg, rgba(143, 225, 252, 1) 0%, #f9bccb 100%);
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(0deg, rgba(143, 225, 252, 1) 0%, #f9bccb 100%) 1;
}

.mecore h2 {
    text-align: center;
    font-family: "Dekko";
         color: #2e6275;
    font-size: 1.5em;
    background-color: white;
    height: 25px;
                border-style: solid;
    border-width: 2px;
    border-color: #51adcf;
}

.charimgs img {
      transition: transform .4s;
    border-style: solid;
      border-image: url("https://file.garden/Zx3Clq1Z7kthf_V-/birdbrainedneocities/ct98bi%20(1)%20(1)%20(1)%20(1)%20(1)%20(1).webp")
        40 fill repeat !important;
    border-image-slice: 22% !important;
    border-image-repeat: round !important;
    border-width: 12px !important;
    
}


.charimgs img:hover {
    transform: scale(1.1);
}




.minibuttons img:hover {
        transform: scale(1.1);
}

.minibuttons img {
    filter: drop-shadow(0 0 1rem white);
}


table { 
    background-color: white;
 border-style: solid;
      border-image: url("https://file.garden/Zx3Clq1Z7kthf_V-/birdbrainedneocities/ct98bi%20(1)%20(1)%20(1)%20(1)%20(1)%20(1).webp")
        40 fill repeat !important;
    border-image-slice: 22% !important;
    border-image-repeat: round !important;
    border-width: 12px !important;
height: 100%;}

th, td {
     font-family: "Dekko";
         color: #2e6275;
    font-size: 1.2em;
background-color: white;
} 

th {
                   border-style: solid;
    border-width: 2px;
    border-color: #51adcf;
}

td {
                    border-style: solid;
    border-width: 2px;
    border-color: #51adcf;
}

.footer h2 {
        text-align: center;
    font-family: "Dekko";
         color: #2e6275;
    font-size: 1.5em;
    background-color: white;
    height: 34px;
                border-style: solid;
    border-width: 2px;
    border-color: #51adcf;
}