@media screen and (max-width: 500px){h1{font-size:18pt}h2{font-size:12pt}main{padding:60px 0 0}}.three{position:fixed;top:0;left:0;width:100%}:root{--dark-bg: rgba(15,15,15,.7);--orng-bg: rgba(212, 143, 40, .7);--link: rgb(33, 105, 192);--rounded: 30px;font-family:brandon-grotesque,sans-serif;font-weight:400;font-style:normal}h1,h2,h3,h4,h5,blockquote{font-family:Sriracha,cursive;font-weight:200;font-style:normal;text-shadow:.1ex .1ex 0px var(--dark-bg)}h3,h4,h5{font-size:16pt}p{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}a{box-shadow:inset 0 0 0 0 var(--link);color:var(--link);margin:0 -.25rem;padding:0 .25rem;transition:color .3s ease-in-out,box-shadow .3s ease-in-out}a:hover{box-shadow:inset 100px 0 0 0 var(--link);color:#fff}a[id=badge-link]:hover{box-shadow:inset 0 0 #fff;border-radius:50%;transition:color .3s ease-in-out,box-shadow .3s ease-in-out}a[id=badge-link]:hover{box-shadow:inset 300px 0 #fff;border-radius:50%}select{width:200px;font:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}body{background-color:#000;margin-left:0;margin-right:0}main{width:100vw;color:#fff;z-index:99;position:absolute;width:100%;margin:0;padding:100px 0 0;display:grid;grid-template-columns:repeat(8,1fr)}header{background:var(--orng-bg);grid-column:2 / span 6;font-size:2.5rem;padding:2rem;border-radius:30px;text-align:center}section{grid-column:2 / span 6;padding:1rem;background:var(--orng-bg);font-size:1.25rem;line-height:1.5;border-radius:var(--rounded)}blockquote{margin:0;padding:1rem;grid-column:2 / span 6;margin-bottom:var(--spacing);text-align:center;font-style:italic}footer{margin-top:50px;grid-column:1 / span 8;padding:5px;background:var(--dark-bg);color:#fff;text-align:center}.gallery{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:10px}#badge{min-width:200px;max-width:250px;flex:2 1;justify-content:center;align-self:center}#badge-text{min-width:220px;flex:2 2;align-self:stretch}.project-title{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-style:oblique;color:#000}#knowledge-graph{width:100%}.left{float:left;margin-right:.25em;max-width:300px;max-height:300px}.right{float:right;margin-left:.25em;max-width:300px;max-height:300px}