html{min-width:300px;min-height:300px;height:100%}body{margin:0;text-align:center;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}body.bsod{font-family:Courier New,Courier,monospace}body,body *{transition:.25s}:root{--dark-dark-bg-color: #003567;--normal-dark-bg-color: #004e98;--normal-light-bg-color: #66B7FF;--light-light-bg-color: #99CFFF;--dark-color: #111111;--light-color: #eeeeee}#root{line-height:1.5;padding-top:80px;padding-bottom:80px}ul,li,li a,#table,form,#socials{display:flex}li.listItem{justify-content:start}ul,li,#table,form,body.bsod{justify-content:center}footer ul{justify-content:space-evenly}ul,li,li a,form{align-items:center}li.tableItem,form{flex-direction:column}section.desktop{padding:16px;margin:16px;border-radius:16px}section.mobile{margin-top:16px;margin-bottom:16px}a{text-decoration:inherit}header,footer{position:fixed;width:100%}header nav,footer nav{border-radius:16px;margin:16px}header{top:0}footer{bottom:0}nav{height:100%}ul{margin:0;padding:0;height:64px}li,input[type=submit],input[type=button],button{cursor:pointer}input,textarea,button{border:1px solid transparent;padding:10px 16px;border-radius:8px;font-size:16px}input[type=text],input[type=email],textarea{margin:2px;width:200px!important}input[type=submit],input[type=button],button{margin:8px}input[type=submit]:disabled,input[type=button]:disabled,button:disabled{cursor:not-allowed;border:none}li{font-size:larger;padding:16px}li img{width:32px;border-radius:8px}li.tableItem,li.listItem{border-radius:16px}li.tableItem img,li.listItem img{border-radius:12px}li.tableItem{margin:8px;width:35%}li.listItem{margin:16px}li.tableItem img{margin-top:12px;width:100%}li.listItem img{margin-right:16px;width:24px}#table{flex-wrap:wrap}p,h1{margin:0;padding:8px}@media (prefers-color-scheme: dark){body{color:var(--light-color)}body.desktop{background-color:var(--dark-dark-bg-color)}body.mobile{background-color:var(--dark-color)}section.desktop{background-color:var(--dark-color);box-shadow:0 0 8px 1px var(--light-color)}a{color:var(--normal-light-bg-color)}a:hover{color:var(--normal-dark-bg-color)}li:hover{color:var(--light-light-bg-color)}li.active{color:var(--normal-light-bg-color)}header nav,footer nav{box-shadow:0 0 8px 1px var(--light-color)}header.desktop nav,footer.desktop nav{background-color:var(--dark-color)}header.mobile nav,footer.mobile nav{background-color:var(--dark-dark-bg-color)}input,textarea,button{color:var(--light-color);background-color:#333}input[type=submit]:hover,input[type=button]:hover,button:hover{border-color:var(--normal-dark-bg-color)}li.tableItem,li.listItem{box-shadow:0 0 16px 2px var(--normal-dark-bg-color);border:2px solid var(--light-color)}li.tableItem:hover,li.listItem:hover{box-shadow:0 0 16px 2px var(--normal-light-bg-color);border:2px solid var(--normal-light-bg-color)}li.tableItem img{box-shadow:0 0 2px 2px var(--normal-dark-bg-color)}}@media (prefers-color-scheme: light){body{color:var(--dark-color)}body.desktop{background-color:var(--light-light-bg-color)}body.mobile{background-color:var(--light-color)}section.desktop{background-color:var(--light-color);box-shadow:0 0 8px 1px var(--dark-color)}a{color:var(--normal-dark-bg-color)}a:hover{color:var(--normal-light-bg-color)}li:hover{color:var(--dark-dark-bg-color)}li.active{color:var(--normal-dark-bg-color)}header nav,footer nav{box-shadow:0 0 8px 1px var(--dark-color)}header.desktop nav,footer.desktop nav{background-color:var(--light-color)}header.mobile nav,footer.mobile nav{background-color:var(--light-light-bg-color)}input,textarea,button{color:var(--dark-color);background-color:#ccc}input[type=submit]:hover,input[type=button]:hover,button:hover{border-color:var(--normal-light-bg-color)}li.tableItem,li.listItem{box-shadow:0 0 16px 2px var(--normal-light-bg-color);border:2px solid var(--dark-color)}li.tableItem:hover,li.listItem:hover{box-shadow:0 0 16px 2px var(--normal-dark-bg-color);border:2px solid var(--normal-dark-bg-color)}li.tableItem img{box-shadow:0 0 2px 2px var(--normal-light-bg-color)}}