* {
    padding: 0px;
    margin: 0px;
}

body {
    background-color: #121212;
    font-family: Arial, Helvetica, sans-serif;
}

#hype-title {
    color: gold;
    padding: 1vh;
    font-size: 5vh;
    text-align: center;
    border-bottom: double 0.5vh #313131;
    margin-bottom: 1vh;
}

.hype-description {
    margin: 2.5vh;
    color: white;
    font-size: 1.5vh;
}

.container {
    color: rgb(226, 226, 226);
    text-align: left;
    margin: 15px;
    overflow-y: hidden;
}

.container li {
    font-weight: 600;
    font-size: 1.5vh;
    max-height: 5.5vh;
}

.container h2 {
    color: white;
    font-size: 2vh;
    margin: 1vh 0vh 0.2vh 0vh;
}

.container h3 {
    color: white;
    font-size: 1.8vh;
    margin: 1vh 0vh 0.2vh 0vh;
}

.subtitle {
    color: white;
    font-size: 2vh;
    margin: 0.5vh 0vh 0.2vh 0vh;
    font-weight: 600;
}

.rule-title {
    display: flex;
    justify-content: center;
    align-items: start;
    border-bottom: 1px solid rgb(151, 151, 151);
    max-width: fit-content;
}

.rule-title h1{
    color: goldenrod;
    font-size: 2.5vh;
}

.rule-title img {
    width: 2.5vh;
    height: 2.5vh;
    border-radius: 5px;
    margin-right: 1vh;
}

#rule-title-1 {
    color: rgb(77,166,255);
}

#rule-title-2 {
    color: rgb(179,102,255);
}

#rule-title-3 {
    color: rgb(255,170,0);
}

#rule-title-4 {
    color: rgb(0,179,30);
}

.channel {
    background-color: rgba(51, 51, 176, 0.367);
    padding: 0vh 0.5vh 0vh 0.5vh;
    font-size: 1.4vh;
}

.code {
    background-color: #212121;
    color: goldenrod;
    font-size: 1.5vh;
    padding: 1vh;
    margin-bottom: 1vh;
    font-weight: 500;
    text-align: left;
}

#special {
    animation: ease-in-out infinite;
    animation-name: none;
    animation-duration: 3s;
    text-align: left;
    margin: 1vh 0vh 1vh 0vh;
    text-shadow: 0vh 1vh #313131;
    font-weight: bolder;
}

#copyright {
    display: flex;
    justify-content: center;
    align-items: end;
    font-size: 1.3vh;
    color: rgb(0, 0, 0);
    background-color: #f4c647;
    margin-bottom: 0vh;
    padding: 2vh;
}

@keyframes rgb {
    0% {color: red;}
    25% {color: green;}
    50% {color: blue;}
    75% {color: green;}
    100% {color: red;}
}

@keyframes animShadow {
    0% {filter: drop-shadow(0px 0px 2px goldenrod);}
    50% {filter: drop-shadow(0px 0px 0px goldenrod);}
    100% {filter: drop-shadow(0px 0px 2px goldenrod);}
}