body {
    background-color: #121212;
    background: none;
    color: #ffffff;
    font-family: 'Courier New', Courier, monospace;
    font-kerning: normal;
    margin-top: 0;
    margin: 0;
    margin-left: 25vw;
    margin-right: 25vw;
    transition: .3s;
    scrollbar-color: #e0a500;
    text-shadow: 0 3px 3px #121212;
    scrollbar-width: .5rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bg {
    background-image: url("assets/bg_poc.webp");
    background-position: 30% 40%;
    background-repeat: no-repeat;
    background-size: cover;
    
    position: fixed;
    inset: 0;
    z-index: -10;
    pointer-events: none;
    overflow: hidden;
}

body::-webkit-scrollbar {
	width: .5rem
}

body::-webkit-scrollbar-track {
	background: #242424;
}

body::-webkit-scrollbar-thumb {
	background: #ab7e00
}

h1 {
    color:#e0a500;
}

.main {
    margin-top: 0;
    padding: 2vw;
    background-color: #1c1c1c;
    box-shadow: 1vw,1vw,#000000;
}

.egg:hover {
    transition: 2s;
    /* font-size: 420% */
    transform: scale(1.5) rotate(5deg);
    cursor: pointer;
}

.egg {
    transition: 2s
}

a, a:visited {
    color: #e0a500;
    text-decoration: none;
    /* transition: ease-in 0.1s; */
    text-align: center;
}

a:hover {
    filter: saturate(150%);
    /* transition: ease-in 0.1s; */
    font-weight: 600;
}

.main {
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);;
}

.notice-brd {
    padding: 1vw;
    background-color:#242424;
    color: white;
    padding-bottom: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 0px 8px rgba(0, 0, 0, 0.19);
    margin-bottom: 0;
}

.header {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);;
    background-color:#242424;
    padding: 1vw;
    margin: 25px;
}

hr {
    color: #121212;
    background-color: #121212
}

li {
    color: #b38402;
    padding-bottom: 5px;
}

.latest {
    color: #e0a500;
    font-weight: 600;
}

.hl {
    color: #e0a500;
}

.badges {
    padding: 10px;
    background-color: #111111;
    text-align: center;
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

footer {
    margin-top: 0%;
    bottom: 5%;
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: #1c1c1c;
    padding: 2px;
    text-align: center;
}


/* MEDIA QUERIES */

@media (min-width:1281px) and (max-width:1920px) {


}

@media (min-width:1025px) and (max-width:1280px) {
    body {
        margin-left: 30vw;
        margin-right: 30vw;
    }

    footer {
        margin-top: 50vh;
        bottom: 0%;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    body {
        margin-left: 0vw;
        margin-right: 0vw;
    }

    footer {
        margin-top: 45vh;
        bottom: 0%;
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    body {
        margin-left: 5vw;
        margin-right: 5vw;
    }

    footer {
        margin-top: 50vh;
        bottom: 0;
    }
}

@media (min-width:320px) and (max-width:767px) {
    body {
        margin-left: 0;
        margin-right: 0;
    }

    footer {
        margin-top: 0%;
        bottom: 0%;
    }
}