/* ------------------ HIIIIIIIIIIIIIIII ------------------------ */
    /* CURSORS START */

    /* CURSORS END */

/*---------------------------------------------------------*/
    /* HIGHLIGHT START */
        mark {
            background-image: linear-gradient(0deg, #2c8fff 21%, #00b1ff 61%, #5fd0ff 100%);
            color: black;
            font-weight: bolder;
            filter: brightness(80%);
        }

        ::selection {
            color: black;
			background: #00b1ff;
		}
    /* HIGHLIGHT END */

/*---------------------------------------------------------*/
    /* SCROLLBARS START */
        /* FIREFOX */
        * {scrollbar-width: thin; scrollbar-color: #00b1ff #1f1f1f;}

        /* CHROME, EDGE, SAFARI */
        *::-webkit-scrollbar {width: 8px;}
        *::-webkit-scrollbar-track {background: #1f1f1f;}
        *::-webkit-scrollbar-thumb {background-color: #00b1ff; border-radius: 4px; border: 3px solid #00b1ff;}
    /* SCROLLBARS END */

/* ----------------------------------------------- */
    /* FONT START */
		@font-face {
			font-family: Galmuri;
			src: url('https://file.garden/ZpMlZiOun08fNAbF/fonts/galmuri/Galmuri9.ttf') format("truetype");
		}

		@font-face {
			font-family: Synkopy;
			src: url('https://file.garden/ZpMlZiOun08fNAbF/fonts/Synkopy/Synkopy-Regular.otf') format("opentype");
		}
    /* FONT END */

/* ----------------------------------------------- */
	/* LINKS START */
		a {
			color: #00b1ff;
		}

		a:hover {
			color: cyan;
		}

		a:active {
			color: white;
		}

		a:visited {
			color: #0058ff;
			&:hover {
				color: #56b8ff;
			}
		}
	/* LINKS END */

/* ----------------------------------------------- */
    /* SKELETON START */
        html {
            font-size: 11px;
			font-family:'Galmuri';
        }

        body {
            background: black url('https://file.garden/ZpMlZiOun08fNAbF/assets/landing.png');
            color: white;
            position: relative;
            
            background-size: 1490px;
            background-repeat: no-repeat;
            background-position: 0% 19%;
        }

        #wrap {
        	background: center url(https://file.garden/ZpMlZiOun08fNAbF/graphix/bgs/blucheck.gif);
			background-size: 86px;
			
            margin: 200px auto;
            width: 500px;
			padding: 5px;
			border-radius: 15px;
            
			border: 4px ridge #00b1ff;
			filter: drop-shadow(0 0 10px #007affc2);
		}

        #box {
			background: black url(https://file.garden/ZpMlZiOun08fNAbF/graphix/bgs/snow.png);
			background-size: 410px;
			padding: 10px;
            border: 5px #00b1ff ridge;
            border-radius: 10px;
            
            text-align: center;

            height: 369px;
            overflow-y: auto;
            scrollbar-width: none;
        }
    /* SKELETON END */

/*-----------------------------------------------*/
	/* BG DECOR START */
        .glitz, .glitz2, .splat, .splat2 {
            position: absolute;
            z-index: -1;
        }

		.glitz, .glitz2 {
			content: url('https://file.garden/ZpMlZiOun08fNAbF/graphix/textures/glittz-1.png');
			rotate: 180deg;
			filter: opacity(80%);
            height: 306px;
		}
			
		.glitz {
            left: 281px;
            bottom: 79px;
            transform: scaleX(-1);
        }
			
		.glitz2 {
            top: 102px;
            right: 309px;
            transform: scaleY(-1)}

        .splat, .splat2 {
            content: url('https://file.garden/ZpMlZiOun08fNAbF/graphix/textures/splatter.png');
            filter: opacity(20%);
        }

        .splat {
            height: 500px;
            top: -142px;
            left: 222px;
            
        }

        .splat2 {
            height: 500px;
            bottom: 51px;
            left: -87px;
        }
	/* BG DECOR END */

/*-----------------------------------------------*/
    /* H1 START */
    h1 {
        font-family: 'Synkopy';
        font-weight: normal;
        text-shadow: 0 0 15px #1b8fff;
        letter-spacing: 2px;
    }


    h1:after, h1:before {
        background-image: url(https://toribytez.neocities.org/graphix/misc/axxlogo.gif);
        background-size: 41px;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        vertical-align: middle;
        width: 41px;
        height: 41px;
        content:"";
        
        filter: sepia(1) hue-rotate(150deg) saturate(1.5) drop-shadow(0 0 5px #007affc2)
    }
    /* H1 END */

/*-----------------------------------------------*/
    /* LIST START */
    ul {
        margin: 0 auto;
        list-style-type: none;
        height: 150px;
        text-align: left;
    }

    li { margin: 5px auto; 
		&:before {
            content: "↳   ";
		}
    }
    /* LIST END */

/*-----------------------------------------------*/
    /* BUTTONS START */
    #select {
        display: flex;
        justify-content: center;
        gap: 15px;
    }

    .button {
        background: linear-gradient(0deg,#000000 1%, #303030 49%, #4f4f4f 51%, #3d3d3d 90%);
        border: 2px solid #535353;
        
        padding: 5px;
        width: 100px;
        border-radius: 5px;
    }

    #select a {
        text-decoration: none;
        color: white;
    }

    .button:hover {
        cursor: pointer;
        transform: scale(1.1);
        filter: brightness(1.5) drop-shadow(0 0 5px #007affc2);
    }
    /* BUTTONS END */

/*-----------------------------------------------*/
    /* DETAILS + WEBRINGS START */
    details {
        margin: 25px auto 5px;
    }

    summary {
        margin: 5px auto 15px;
    }
    /* DETAILS + WEBRINGS END */