/*---------------------------------------------------------------------------------------------------*/
/*-------------------------------- IMPORTANT STUFF --------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
* {
    box-sizing: border-box;
    scrollbar-color: transparent;
    scrollbar-width: none;
    cursor: url('https://cdn.cursors-4u.net/previews/black-widow-spider-0aae4d43-32.webp') 32 32, auto !important;
}
/*---------------------------------------------------------------------------------------------------*/
body {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    height: max-content;
    z-index: -10;
    margin: 0;
    background-blend-mode: hard-light;
    background: #111111 url("https://file.garden/Z1oOf9tnlFqMuTJE/backgrounds/0da57e4c51f5b6e054b2694e51f7661b.jpg")
        center fixed;
    background-size: 241px;
}
/*---------------------------------------------------------------------------------------------------*/
.overlay {
    height: 1000px;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("https://file.garden/Z1oOf9tnlFqMuTJE/backgrounds/shadow.webp"), url("https://file.garden/Z1oOf9tnlFqMuTJE/backgrounds/9uwz5t.jpeg");
    background-size: cover;
    filter: opacity(0.11);
}
/*---------------------------------------------------------------------------------------------------*/
::selection {
/* Change highlight background color */
background: #000000;
/* Change highlight text color */
color: #bebebe;
}

/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------- OUTTER CONTAINERS --------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/

.out {
    border-width: 4px;
    filter: drop-shadow(1px 1px 0 #b9b9b9) drop-shadow(-1px 1px 0 #4d4d53) drop-shadow(0 2px 0 black)
        drop-shadow(0 -1px 0 black) drop-shadow(0 1px 1.5px black) drop-shadow(0 -1px 1.5px black)
        drop-shadow(1px -1px 1.5px black) drop-shadow(-1px -1px 1.5px black) brightness(87%);
    margin: auto;
    width: 42%;
    padding: 17px;
    border: 4px solid;
    border-image: url("https://file.garden/Z1oOf9tnlFqMuTJE/borders/outterborder.webp") 6 fill round;
}
.inside {
    background: #111111 url("https://file.garden/Z1oOf9tnlFqMuTJE/backgrounds/0da57e4c51f5b6e054b2694e51f7661b.jpg")
        center fixed;
    background-size: 241px;
    border: 3px solid;
    border-image: url("https://file.garden/Z1oOf9tnlFqMuTJE/borders/innerborder.webp") 14 fill round;
    margin: 0;
    padding: 4px;
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------// MAIN CONTAINER //--------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
.container {
    padding: 2px 1px;
    border-width: 11px;
    border-style: solid;
    border-image: url("https://file.garden/Z1oOf9tnlFqMuTJE/borders/border2.png") 41 fill round;
    display: grid;
    grid-auto-flow: row;
    grid-auto-columns: 24.8%;
    grid-template-areas:
        "header header header header"
        "divider divider divider divider"
        "main main main main"
        "footer footer footer footer";
    grid-area: box;
}
/*---------------------------------------------------------------------------------------------------*/
.container2 {
    -webkit-text-stroke: 1px #696969;
    color: #dddddd;
    overflow: auto;
    overflow-x: hidden;
    height: max-content;
    padding: 1rem;
    border: double #4a4a4a;
    border-radius: 10px;
    background: linear-gradient(to top, rgba(255, 253, 254, 0.27) 2%, #000000 100%);
}
/*---------------------------------------------------------------------------------------------------*/
.middleboximg {
    -webkit-mask-image: url(https://file.garden/Z1oOf9tnlFqMuTJE/masks/ezgif-2afebe3fa6125ab0.webp);
    -webkit-mask-size:  115% 114%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------// HEADER //--------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
.header {
    height: 99px;
    background-blend-mode: difference;
    background-image: url("https://file.garden/Z1oOf9tnlFqMuTJE/borders/dividertop1.webp"),
        url("https://file.garden/Z1oOf9tnlFqMuTJE/backgrounds/headerBG.webp");
    background-position: center top;
    background-repeat: repeat-x, repeat;
    background-size: 377px, auto;
    padding: 15px;
    border: double 4px #ffffff;
    text-align: center;
    color: #ffffff;
    background-color: #000000;
    grid-area: header;
    font-family: Font1;
}
/*---------------------------------------------------------------------------------------------------*/
#text {
    color: #fefefe;
    background-image: radial-gradient(#000000 25%, transparent 50%);
}
/*---------------------------------------------------------------------------------------------------*/
.divider {
    filter: contrast(1.8) brightness(0.7);
    background-image: url("https://file.garden/Z1oOf9tnlFqMuTJE/backgrounds/stone.webp");
    background-position: center;
    background-size: 16%;
    background-color: #000000;
    border: 2mm ridge #4a4a4a;
    height: 25px;
    grid-area: divider;
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------// MAIN //--------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
.main {
    height: 679px;
    overflow: hidden;
    position: relative;
    background-image: url("https://file.garden/Z1oOf9tnlFqMuTJE/backgrounds/background4.webp");
    background-position: center;
    background-size: 92% 129%;
    background-repeat: repeat-x;
    border: 1mm ridge #4a4a4a;
    background-color: #000000;
    grid-area: main;
}
/*---------------------------------------------------------------------------------------------------*/
.mainframe img {
    overflow-y: auto;
    position: absolute;
    margin-left: -16%;
    display: block;
    width: 133%;
    height: 118%;
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------// footer //--------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
.footer {
    filter: contrast(1.8) brightness(0.7);
    background-image: url("https://file.garden/Z1oOf9tnlFqMuTJE/backgrounds/stone.webp");
    background-position: center;
    background-size: 16%;
    background-color: #000000;
    border: 2mm ridge #4a4a4a;
    height: 67px;
    grid-area: footer;
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------// IMG //--------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
img {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------// Loading Screen //----------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
body {overflow-y: hidden;} /*Hides the scrollbar while loading.*/
#loadingScreen {
    position: fixed; /*Keeps the loading screen fixed on the screen */
    inset: 0; /*Makes loading screen wrap full screen.*/
    z-index: 999999; /*Makes loading screen stay on top.*/
    user-select: none; /*Disables user interaction with loading screen.*/
    transition: opacity 300ms; /*Adds a nice fading effect.*/
    background: #000;
    background-image: url("https://file.garden/Z1oOf9tnlFqMuTJE/gifs/rain.webp");
    background-size: contain;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: font1;
    font-size: 7rem;
}
#loadingScreen::after {
    content: '';
    animation: loadingDots 1s linear infinite;
}
@keyframes loadingDots {
    0%, 100% {content: '';}
    25% {content: '.';}
    50% {content: '..';}
    75% {content: '...';}
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------// MISC //-------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
#parent {
    padding: 10px 58px;
  display: flex;
    gap: 29px;
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------// Buttons //-------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
.enter {
  background: url(https://file.garden/Z1oOf9tnlFqMuTJE/backgrounds/shadow.webp), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  border: solid 1px #000000;
  color: white;
  padding: 4px;
  text-align: center;
  font-family: font2;
  font-size: 1.1em;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 28px;
}
.leave {
  background: url(https://file.garden/Z1oOf9tnlFqMuTJE/backgrounds/shadow.webp), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1OTU5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iIzBkMGQwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAxMDEwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzBhMGEwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzRlNGU0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iIzM4MzgzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjFiMWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  border: solid 1px #000000;
  color: white;
  padding: 4px;
  text-align: center;
  font-family: font2;
  font-size: 1.1em;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 28px;
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------// STYLIZED TAGS //-------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
a { text-decoration: none; }
/*---------------------------------------------------------------------------------------------------*/
hr.stylized {
    border: none;
    font-size: 5px;
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------// FONTS //--------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: Font1;
    src: url("https://file.garden/Z1oOf9tnlFqMuTJE/fonts/scochflashfont.ttf");
}
@font-face {
    font-family: Font2;
    src: url("https://file.garden/Z1oOf9tnlFqMuTJE/fonts/MomsTypewriter.ttf");
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------// ANIMS //--------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
.float {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes floating {
    0% {
        transform: translate(0, 0px);
    }
    50% {
        transform: translate(0, 15px);
    }
    100% {
        transform: translate(0, -0px);
    }
}
/*---------------------------------------------------------------------------------------------------*/
.heartanim {
    animation: heart 0.5s infinite;
}

@keyframes heart {
    0% {
        transform: rotate(2deg);
    }

    50% {
        transform: rotate(2deg);
    }

    51% {
        transform: rotate(-2deg);
    }

    100% {
        transform: rotate(-2deg);
    }
}
/*---------------------------------------------------------------------------------------------------*/
.spideranim {
    animation: spider 0.5s infinite;
}

@keyframes spider {
    0% {
        transform: rotate(-126deg);
    }

    50% {
        transform: rotate(-126deg);
    }

    51% {
        transform: rotate(-130deg);
    }

    100% {
        transform: rotate(-130deg);
    }
}
/*---------------------------------------------------------------------------------------------------*/
a:hover {
    animation: pop 1s ease-in-out infinite alternate;
    -moz-animation: pop 1s ease-in-out infinite alternate;
}

@keyframes pop {
    from {
        transform: scale(0.95);
    }

    50% {
        transform: scale(1);
    }

    to {
        transform: scale(0.95);
    }
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------- FOR MOBILE SUPPORT ---------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
@media (max-width: 800px) {
    .container {
        grid-auto-columns: 100%;
        padding: 0;
        grid-template:
            "out"
            "inside"
            "header"
            "divider"
            "main"
            "footer";
    }
    .out {
        width: 100%;
    }
    .header {
        background-size: 377px, auto;
    }
    .iframe {
        padding: 0;
    }
    .Decor, .overlay {
        display: none;
    }
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------// Loading Screen //----------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
body {
    overflow-y: hidden;
} /*Hides the scrollbar while loading.*/
#loadingScreen {
    position: fixed; /*Keeps the loading screen fixed on the screen */
    inset: 0; /*Makes loading screen wrap full screen.*/
    z-index: 999999; /*Makes loading screen stay on top.*/
    user-select: none; /*Disables user interaction with loading screen.*/
    transition: opacity 300ms; /*Adds a nice fading effect.*/
    background: #000;
    background-image: url("https://file.garden/Z1oOf9tnlFqMuTJE/gifs/rain.webp");
    background-size: contain;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: font1;
    font-size: 7rem;
}
#loadingScreen::after {
    content: "";
    animation: loadingDots 1s linear infinite;
}
@keyframes loadingDots {
    0%,
    100% {
        content: "";
    }
    25% {
        content: ".";
    }
    50% {
        content: "..";
    }
    75% {
        content: "...";
    }
}