body {
    font-family: sans-serif;
    margin: 0 auto;
}

.bg-twitch{
    background-color:#9147FF;
}

ol {
    column-count: 5;
    column-gap: 20px;
}

mark {
    background-color: greenyellow;
}

a {
    color: black;
    text-decoration: none;
}

.red {
    color: red;
}


select option,select optgroup{
    font-family: arial;
    padding:4px 20px;
    font-size: 1.1rem;
} 

pre{
    font-family: 'Poppins';
}


@media screen and (max-width:1200px) {
    ol {
        column-count: 4;
    }
}

@media screen and (max-width:960px) {
    ol {
        column-count: 3;
    }
}

@media screen and (max-width:768px) {
    ol {
        column-count: 2;
    }
}

@media screen and (max-width:556px) {
    ol {
        column-count: 1;
    }
}