@font-face {
	font-family: 'mixed';
	src: url('https://confettiguts.gay/fonts/mixed.tff');
}
* {
     scrollbar-width: auto;
     scrollbar-color: #4f214e #ffffff00;
}
 *::-webkit-scrollbar {
     width: 18px;
}
 *::-webkit-scrollbar-track {
     background: #ffffff00;
}
 *::-webkit-scrollbar-thumb {
     background-color: #4f214e;
     border-radius: 10px;
     border: 3px solid #ffffff;
}
 body {
     background: url('/xenicBg.png');
     background-repeat: repeat;
     background-size: 25em;
     font-family: mixed;
     color: #4F214E;
     text-align: center;
     font-size: 0.9em;
}
 #main {
     margin: 3em auto 1em auto;
     width: 45em;
     background: white;
     padding: 6px;
     border: 2px solid #4F214E;
     border-radius: 2em;
     text-align: center;
}
 #main #content {
     font-size: 1.9em;
     border: 2px solid #A891B7;
     border-radius: 1em;
     width: 91%;
     margin: auto auto 0.4em auto;
     text-align: center;
     padding: 4px 16px 4px 16px;
     color: #4F214E;
     line-height: 0.8em;
}
 #main h1 {
     font-size: 3.75em;
     line-height: 0.8em;
     margin: 0.1em 0em 0.2em 0em;
     text-align: center;
}
 #back {
     background: white;
     border: 2px solid #4F214E;
     border-radius: 2em;
     padding: 0px 14px 0px 14px;
     font-size: 2em;
     text-decoration: none!important;
     color: #4F214E!important;
     font-weight: bold;
}
 #linkBar {
     font-size: 1.75em;
     margin: 0.3em auto 0.5em auto;
}
 #linkBar a, #linkBar a:link, #linkBar a:active, #linkBar a:visited, #linkBar a:hover {
     text-decoration: none!important;
     color: #4F214E!important;
     border: 1px solid #4F214E;
     border-radius: 1em;
     padding: 0 8px 2px 8px;
}
 #linkBar img {
     border: 1px solid #4F214E;
     border-radius: 0.25em;
     width: 1em;
     vertical-align: -0.1em;
     margin: 0 0.25em 0 0.25em;
}
 #content h1 {
     font-size: 1.75em;
     margin: 0.2em auto 0.2em auto;
}
 #content b {
     line-height: 1.1em;
}
 #content a {
     color: #3075BD!important;
}
 .code {
     width: 90%;
     margin: 0.3em auto;
     height: 5em;
}
 #content #xenicRing {
     font-size: 0.75em;
}
 #thankYou {
     font-size: 1.3em;
}
@media screen and (max-width: 799px) {
     #main {
         width: 96%;
         margin: 2em auto;
         font-size: 0.8em;
    }
     #thankYou {
         font-size: 2em;
    }
     #main #content {
         width: 88%;
    }
     #linkBar {
         font-size: 1.4em;
         margin: 0.3em auto 0.5em auto;
    }
}