* {
    scroll-behavior:smooth;
    scrollbar-width: none;
}
.scrolldiv {
    width: 100%;
    overflow: hidden;
    background: rgb(255, 0, 0);
    color: white;
    white-space: nowrap;
    box-sizing: border-box;
}
*::selection {
    background: rgba(0, 121, 158, 0.397);
    text-decoration: underline;
    text-decoration-color: rgb(0, 183, 255);
    font-style: italic;
    text-shadow: 0px 0px 3px white, 0px 0px 6px white;
}
.sigmaxxx {
  animation: sigmazc 1s forwards; /* Keep final state */
}
@keyframes sigmazc {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
    opacity: 0;
    background: transparent;
    visibility: hidden;
  }
}
input[type="checkbox"] 
{
    background-image: url("chkdef.png");
    appearance: none;      
    filter: drop-shadow(3px 3px 0px black );
    height: 20px;
    width: 20px;
    margin: auto 0;
    background-size: cover;
}
input[type="checkbox"]:checked
{
    background-image: url("chkchkd.png");
    background-size: cover;

}

input[type="radio"] 
{
    background-image: url("chkdef.png");
    appearance: none;      
    height: 20px;
    filter: drop-shadow(3px 3px 0px black );
    width: 20px;
    margin: auto 0;
    background-size: cover;
}
input[type="radio"]:checked
{
    transition: background-image 0.3s;
    background-image: url("chkchkd.png");
    background-size: cover;
}
#somethingz:hover  {
                background: #a86500;
                transition: background-color 0.3s;
        }
        #somethingz::after  {
                background: #a86500;
                width: 80%;
                height: 80%;
                transition: width height 0.3s;
        }
        #somethingz:active  {
                background: #a86500;
                width: 80%;
                height: 80%;
                transition: width height 0.3s;
        }
        #somethingz {
                display: flex; 
                align-items: center; 
                
                justify-content: center; 
                gap: 4px;   
                background: #ffab2d; 
                text-decoration: none !important; 
                text-decoration-line: none !important; 
                font-size: 18px !important; 
                padding: 7px 13px; 
                text-align: center; 
                width: 100%;
                height: 100%;
                transition: background-color width height 0.5s;
                outline: 4px solid #ff9900;
                outline-offset: -4px;
                max-width: fit-content; 
                margin: auto; 
                border-radius: 10px 10px 10px 10px; 
                filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 1));
        }
.scrolltext {
    display: inline-block;
    padding-left: 100%;
    color: white;
    text-shadow: black 3px 3px;
    animation: scroll-left 45s linear infinite;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@font-face {
    font-family: 'Minecraft';
    /* Name you choose for your font */
    src: url('Minecraftchmc-dBlX.ttf') format('truetype');
    font-weight: normal;
    /* Optional, specify weight */
    font-style: normal;
    /* Optional, specify style */
}
@font-face {
    font-family: '7seg';
    /* Name you choose for your font */
    src: url('Segment7Standard.otf') format('opentype');
    font-weight: normal;
    /* Optional, specify weight */
    font-style: normal;
    /* Optional, specify style */
}

@font-face {
    font-family: 'merriweather';
    /* Name you choose for your font */
    src: url('Merriweather-Regular.ttf') format('truetype');
    font-weight: normal;
    /* Optional, specify weight */
    font-style: normal;
    /* Optional, specify style */
}

@font-face {
    font-family: 'ArialNova';
    src: url('ARIALNOVA.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TimesNewRoman';
    src: url('TIMES.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ArialPixel';
    src: url('ARIAL-PIXEL.OTF') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NikkYou';
    src: url('NikkyouSans-mLKax.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Mc2';
    src: url('MINECRAFTREGULAR-BMG3.OTF') format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Mc2';
    src: url('MINECRAFTBOLD-NMK1.OTF') format('opentype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Mc2';
    src: url('MINECRAFTITALIC-R8MO.OTF') format('opentype');
    font-weight: 400;
    font-style: italic;
}
  .splash {
    position:absolute;
    display:flex;
    transform:  scale(0.6) rotate(30deg);
    text-align: left;
    justify-self: left;
    color: yellow;
    transform-origin: left bottom;
    align-items: center;
    bottom: 80%;
    left: 60%;
    font-family: "Minecraft";
    font-size: 60px;
    pointer-events: none; /* so it doesn’t block clicks */
    animation: splashPulse 2s ease-in-out infinite;
    user-select: none;
    white-space: nowrap;
    z-index: 2;
  }

  @keyframes splashPulse {
  0%, 100% {
    transform: scale(0.6) rotate(30deg);
  }
  50% {
    transform:  scale(0.35) rotate(30deg);
  }
}

@font-face {
    font-family: 'Mc2';
    src: url('MINECRAFTBOLDITALIC-1Y1E.OTF') format('opentype');
    font-weight: 700;
    font-style: italic;
}

.flag {
    box-shadow: -2px 2px black, 0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black;
    outline: 1px black solid;
    object-fit: contain;
}

.orangehover:hover {
    color: lightblue;
    cursor: grab;
}

@font-face {
    font-family: 'VCR OSD Mono'; /* Name you choose for your font */
    src: url('../VCR_OSD_MONO.ttf') format('truetype');
    font-weight: normal; /* Optional, specify weight */
    font-style: normal;  /* Optional, specify style */
}
@font-face {
    font-family: 'Comic Sans MS'; /* Name you choose for your font */
    src: url('../Comic Sans MS.ttf') format('truetype');
    font-weight: normal; /* Optional, specify weight */
    font-style: normal;  /* Optional, specify style */
}