:root{--light:white;--dark:#1F1F1F;--good:#74B156;--warning:#EBC271;--bad:#DA2F35;--accent:#337888;--accent1:var(--accent);--accent2:#6D597A;--accent3:#AF5A6C;--accent4:#0F4C6B;--accent5:var(--bad);--accent6:var(--good);--accent7:var(--warning)}body{font-family:Roboto,sans-serif;max-width:70%;min-width:50vh;margin:auto;background-color:var(--light);background-image:radial-gradient(#bdbdbd 1px,var(--light) 1px);background-size:20px 20px;font-weight:100}div.container{margin:auto;height:fit-content;padding:2em 4em;align-items:center;gap:2em}@media (max-width:25em){div.container{padding:6vw 3vw}}div.home{max-width:30em;margin:auto}div.centre-vertical{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;text-align:center;margin:10% 0;min-height:200px}h2,h2+ul,h3,h3+p,h3+p+ul,h3+ul{margin:0}h2,h3{padding-top:1em}h2+h3,h3+p{padding:0}div.title>h1,div.title>h2{margin:0;padding:0}div.title>h2{font-weight:100;font-size:large;color:var(--dark)}div.title>h1>a{text-decoration:none;color:var(--dark)}ul{padding-inline-start:0.75em;list-style-type:"-"}li{padding-left:.75em}ul.columns-2{column-count:2}ul.columns-3{column-count:3}img.profile{width:20em;vertical-align:middle;border-radius:50%;margin:auto;margin-bottom:2em}a.button1{display:inline-block;padding:.35em 1.2em;border:.1em solid var(--dark);margin:0 .3em .3em 0;border-radius:.12em;box-sizing:border-box;text-decoration:none;font-weight:300;color:var(--dark);text-align:center;transition:all .2s}a.button1:hover{color:var(--light);background-color:var(--dark)}@media all and (max-width:30em){a.button1{display:block;margin:.4em auto}}div#clock{font-family:'Fira Code','Roboto Mono',monospace;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:98%;text-align:center}div#title{font-size:14vw;display:inline-block;white-space:nowrap}div#subtitle{font-size:3vw;font-weight:lighter;font-style:italic}@media (prefers-color-scheme:dark){body{background-color:var(--dark);background-image:radial-gradient(#424242 1px,var(--dark) 1px);color:var(--light)}div.title>h1>a,div.title>h2{color:var(--light)}a.button1{border:.1em solid var(--light);color:var(--light)}a.button1:hover{color:var(--dark);background-color:var(--light)}}