@media (prefers-color-scheme: dark){
    body {
        background:#101010
    }
}

@media (prefers-color-scheme: light){
    body {
        background:#ffffff
    }
    svg{
        filter: invert(1);}
}

@media screen and (min-width: 1800px) {
    body, html {font-size: 1.1vw;}
}

body{
    margin:1em auto;
    max-width:40em;
    padding:0 .62em 3.24em;
    font:1.4em/1.60 sans-serif;
}
h1,h2,h3 {
    line-height:1.2
}
@media print{
    body{
        max-width:none
    }
}

.svg-container {
    width: 50%; 
    height: auto; 
    max-width: 256px; 
    resize: both;
}
   svg {
    width: 100%;
    height: 100%;
   }

.color1{
    color: #00A2E7;
}

.yellow{
    color: #FFCD00;
}

.blue{
    color: #003087;
}

.red{
    color: #C8102E;
}

.email{
    color: #F54A3B;
}

.discord{
    color: #5865F2;
}

.mini{
    color: #454545;
}

a{
    color: inherit;
}