/*Fonts*/  @font-face {   font-family: GESSO;   src: url(https://wobc.sytes.net/public/fonts/GESSO___.ttf);  }   @font-face {   font-family: adine-kirnberg;   src: url(https://wobc.sytes.net/public/fonts/adine-kirnberg.ttf);  }   @font-face {   font-family: 'Alice';   src: url(https://allfont.net/cache/fonts/alice_0680f7ad70a8517f6c6b6494d3ee366b.ttf);  }    @font-face {   font-family: 'Alexandra Zeferino Three';   src: url(https://allfont.net/cache/fonts/alexandra-zeferino-three_d0be364b066e5d5fde9497b679e31a20.ttf);  }   /*Scrollbar*/  ::-webkit-scrollbar{    width:10px;    height: 10px;   }   ::-webkit-scrollbar-track {     background-color: #424242;  }   ::-webkit-scrollbar-thumb {    background-color:#8e8e8e;    border:1px solid #424242;    border-radius:1px  }   /* CSS */   html {    height: 100%;  }    body {   background-color: #DCDCDC;    max-height: 100%;    padding-bottom: 200px;  }    body.daytime {    background: url(https://wobc.sytes.net/public/day) 100% 100%;background-position: top;  }   body.nighttime {    background: url(https://wobc.sytes.net/public/night) 100% 100%;   color: white;  } div.container { position: relative;margin: auto; width: 40%; min-width:720px; } #download {position: absolute; right:0; top:0;} p { font-size: 24px;} li { font-size: 18px; } code { font-size: 17px; white-space: pre-wrap; } @media screen and (max-width: 800px) { div.container {min-width:500px;} } @media screen and (max-width: 501px) { div.container {min-width:420px;} }