html {
    scroll-behavior: smooth;
    cursor: url('data:image/x-icon;base64,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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA+Q0T/bnN2/ztESP9eaGj/cXd2/yIlJZUAAAAzg4WF/1NcXP+ZnZ7/AAAAGAAAAAwAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGBgYW7C7v/8AAAAEAAAABDo/PspcYWL/ZGtu/1JXWv8AAAAudXZ2/wAAABwAAAAKAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJ+kpP9nb3L/TFJV/5ugof8AAAAVAAAADAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEdMT/+an574AAAABgAAAAYAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////////////////////////8////+B////OH///yI///9zP///ID///gA///8An///Bt///gdf//ACP//k9H//4G///+D////B////h////x////4////4f///8P///+B////AP///gR///wC///4Ef//+wv///+H////z///8='), auto;
}

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 12px;
    background-image: url("https://files.catbox.moe/pp381d.gif");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 70vw;
    gap: 1.2em;
    background-image: url('https://files.catbox.moe/2kdmaj.jpg');
    padding: 1.2em;
    margin: -5px;
    border: 5px solid rgba(43, 43, 43, 0.247);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    font-family: 'Roboto Mono', monospace;
}

/* decorative outer frame that holds the border-image */
.frame {
    margin-top: 10vh;
    margin-bottom: 2vh;
    display: inline-block; 
    box-sizing: content-box;
    border: 38px solid transparent;
    border-image-source: url("https://files.catbox.moe/8tbvoe.png");
    border-image-slice: 28;
    border-image-repeat: round;
    z-index: 5;
}

.decor {
    margin-top: 5em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;

}

.top-decor {
    width: 200px;
    z-index: 10;
}

.ankh {
    width: 200px;
}

.bat-cat {
    width: 300px;
    
}

/* pal grid */

.caja {
    color: white;
    padding: 2em;
}

.letra-chica {
    text-align: center;
    font-size: 0.8em;
    color: white;
    font-style: italic;
    margin-top: 1em;
    margin-bottom: 1em;
}

header {
    grid-column: 1 / -1;
    text-align: center;
    nav {
        background-image: url("https://files.catbox.moe/nl3dug.jpg");
        background-size: cover;
        padding: 2em;
        border: 5px solid rgba(90, 90, 90, 0.247);
    }
    a {
        display: inline-block;
        padding: 1em;
        color: white;
        text-decoration: none;
        margin: 0 15px;
        font-size: 1.2em;
        &:after {
            transition: ease all 0.3s;
            content: '';
            width: 0;
            left: 0;
            bottom: 0;
            background-color: white;
            height: 2px;
            display: block;
        }
        &:hover {
            cursor: url('data:image/x-icon;base64,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'), auto;
            &:after {
                width: 100%;
            }
        }
    }
    h1 {
        margin: 2em 0;
    }
}

.titulo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 1em;
}

.skull {
    width: 100px;
}

.left {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    gap: 1em;
    grid-column: 1;
}

.right {
    display: flex;
    flex-direction: column;
    grid-column: span 2;
    gap: 1.2em;
}

.status {
    background-image: url("https://files.catbox.moe/wo4puf.jpg");
    background-size: cover;
    border: 5px solid rgba(170, 170, 170, 0.247);
    width: 21.875em;
    height: 18.75em;
    overflow-y: scroll;
    scrollbar-color: rgba(100, 46, 100, 0.658) transparent;

    table {
        margin: 2em auto;
    }
}

.status-title {
    width: 100%;
    display: block;
    margin: 0 auto 1em auto;
}

.log {
    width: 21.875em;
    height: 18.75em;
    background-image: url("https://files.catbox.moe/yklcuc.jpg");
    background-size: cover;
    border: 5px solid rgba(170, 170, 170, 0.247);
    overflow-y: scroll;
    scrollbar-color: rgba(90, 54, 90, 0.658) transparent;
}

.update {
    font-size: 0.9em;
    margin-bottom: 1em;
    border: 1px solid rgba(255, 255, 255, 0.445);
    background-color: rgba(0, 0, 0, 0.459);
    padding: 0.4em;

}
table {
    width: 100%;
    border-collapse: collapse;
}

.update-data {
    font-size: 0.8em;
    color: rgb(200, 200, 200);
    font-style: italic;
}

td {
    font-weight: 300;
    background-color: rgba(255, 230, 253, 0.719);
    color: rgb(0, 0, 0);
}

th {
    background-color: rgba(17, 12, 17, 0.719);
    color: white;
}

th, td {
        border: 1px solid rgb(255, 255, 255);
        padding: 8px;
        text-align: left;
}

.about {
    grid-column: 2 / -1;
    grid-row: 2;
    display: flex;
    flex-direction: column;
    height: fit-content;
    border: 5px solid rgba(170, 170, 170, 0.247);
    padding: 0%;
}

.negrita {
    font-weight: 800;
    font-style: italic;
    color: rgba(202, 198, 204, 0.884);
}

.red {
    color: rgb(211, 27, 27);
}

.face {
    width: 16.6em;
    align-self: baseline;
}

.italic {
    font-style: italic;
    font-size: larger;
    font-weight: 800;
}

.about-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-image: url('https://files.catbox.moe/rvaztx.jpg');
    border-bottom: 5px solid rgba(68, 61, 67, 0.301);
    background-size: cover;
    background-position: center;
    width: 100%;
    position: relative;
    img {
        padding: 1em 0.5em 2em 2em;
    }
    p {
        font-size: clamp(1.5em, 2.4vw, 2.4em);
        text-align: center;
        font-style: italic;
        padding: 1em 1em 0 0;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.705);
    }
}

.header-blinkies {
    position: absolute;
    top: -1.2rem;  
    right: -1.2rem;    
    z-index: 999;
    display: flex;
    flex-direction: column;
}
    

.vampire-lover {
    width: 20em;
    padding: 0.2em !important;
}

.text-divider {
    position: absolute;
    width: 80%;
    top: -1.5rem;
}

.about-text {
    background-image: url('https://files.catbox.moe/yr94r1.jpeg');
    background-position: center;
    display: flex;
    justify-content: center;
    position: relative;
    padding: 3em;
}

.text-block {
    height: clamp(12em, 30vh, 25em);
    overflow-y: scroll;
    scrollbar-color: rgb(136, 133, 133) transparent;
    padding: 1em;
    width: 80%;
}

.comments {
    grid-column: 1;
    width: 21.875em;
    height: 18.75em;
    background-image: url("https://files.catbox.moe/1lnzbz.jpg");
    background-size: cover;
    color: white;
    padding: 2em;
    border: 5px solid rgba(170, 170, 170, 0.247);
    border-radius: 5px;
    iframe {
        width: 100%;
        max-height: 80%;
    }

    h2 {
        margin-top: 0;
    }
}

.audio-player {
    color: aliceblue;
    background-image: url('https://files.catbox.moe/s3dkpt.jpeg');
    background-position: center;
    background-size: cover;
    height: fit-content;
    border: 5px solid rgba(170, 170, 170, 0.247);
    box-shadow: inset 2px rgb(122, 122, 122);
    display: grid;
    gap: 1.2em;
    font-weight: 500;
}

.column-left {
    grid-column: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.audio-title {
    width: 40%;
    display: block;
    margin: 1em;
}

.playing-song {
    width: 90%;
    padding: 1.4em;
    background-color: rgba(110, 10, 95, 0.445);
    border: 4px solid rgba(170, 170, 170, 0.247);
}

.volume {
    width: 90%;
    padding: 1.4em;
    margin: 1em;
    background-color: rgba(110, 10, 95, 0.445);
    border: 4px solid rgba(170, 170, 170, 0.247);
    grid-row: 2;
}

.audio-button {
    display: inline-block;
    padding: 1em;
    margin-left: 0;
    width: 60px;
    border: none;
    border-radius: 40px;
    background-color: transparent;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: url('data:image/x-icon;base64,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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA+Q0T/bnN2/ztESP9eaGj/cXd2/yIlJZUAAAAzg4WF/1NcXP+ZnZ7/AAAAGAAAAAwAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGBgYW7C7v/8AAAAEAAAABDo/PspcYWL/ZGtu/1JXWv8AAAAudXZ2/wAAABwAAAAKAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJ+kpP9nb3L/TFJV/5ugof8AAAAVAAAADAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEdMT/+an574AAAABgAAAAYAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////////////////////////8////+B////OH///yI///9zP///ID///gA///8An///Bt///gdf//ACP//k9H//4G///+D////B////h////x////4////4f///8P///+B////AP///gR///wC///4Ef//+wv///+H////z///8='), auto;
    svg {
        cursor: url('data:image/x-icon;base64,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'), auto;
        width: 100%;
        height: 100%;
        transition: ease all 0.3s;
        &:hover {
            color: rgba(202, 13, 174, 0.541);
        }
    }
}

.control-buttons {
    display: flex;
}

/* resetting styles */
input[type="range"] {
  -webkit-appearance: none; /* For WebKit browsers (Chrome, Safari) */
  -moz-appearance: none;    /* For Mozilla Firefox */
  appearance: none;         /* Standard property */
  width: 100%;              /* Adjust as needed */
  height: 10px;             /* Adjust as needed */
  background: transparent;  /* Make the default background transparent */
  cursor: url('data:image/x-icon;base64,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'), auto;
  outline: none;            /* Remove default focus outline */
}

/*bar styles*/
input[type="range"]::-webkit-slider-runnable-track {
  background: #ddddddaf;
  height: 5px;
  border-radius: 2px;
}

/*thumb styles*/
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Reset thumb appearance */
  width: 20px;
  height: 20px;
  background: #8d0b7c;
  border-radius: 50%; /* Circular thumb */
  margin-top: -7.5px; /* Adjust to vertically center with the track */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.cover {
    grid-column: 2;
    grid-row: 1 / -1;
    width: 250px;
}

.album-cover {
    width: 100%;
    border: 4px solid rgba(170, 170, 170, 0.247);
    cursor: url('data:image/x-icon;base64,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'), auto;
}

footer {
    grid-column: 1 / -1;
    grid-row: 4;
}

.portal {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.options {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    gap: 1em;
    margin-top: 1em;
    margin-bottom: 2em;
    background-image: url("https://files.catbox.moe/r0l224.jpg");
    background-size: cover;
    background-position: center;
    padding: 1em;
    border-radius: 10px;
    width: 40vw;
    height: 50vh;
    a {
        text-align: center;
        text-decoration: none;
        color: rgb(160, 160, 160);
        font-style: italic;
        &:hover {
            color: white;
            text-decoration: underline;
            transition: ease all 0.3s;
            transform: scale(1.1);
        };
   }
}

.yes {
    width: 50%;
}

.no {
    width: 50%;
}

.portal-title {
    border-bottom: 2px dotted rgb(122, 122, 122);
    
}