header{border-bottom:double white;padding:0 1rem;display:flex;justify-content:space-between;background-color:#000}header nav{display:flex;justify-content:center;align-items:center}nav img{height:28px}nav a,header #mobileNavButton{font-weight:700;font-size:larger;padding:.2rem;align-content:center}header #mobileNavButton{display:none;cursor:pointer}nav a.active{color:var(--color-link-hover);background-color:var(--color-background)}nav a:hover{background:var(--color-link-hover-background)}header a{text-decoration:none;margin:0 1rem}header .title,header .secondTitle{transition:.3s}header .title{color:#000;background-color:#fff;padding:0;margin:0}header .secondTitle{display:inline-block;color:#fff;background-color:#000}header .title:hover{filter:invert(1)}header .headerContainer{display:flex;justify-content:space-between;align-items:center;width:100%}@media(max-width:600px){header{flex-direction:column;align-items:flex-start}header nav{display:none;flex-direction:column;width:100%;text-align:center}header nav.active{display:flex}header a{margin:.5rem 0}header #mobileNavButton{display:block}}:root{--color-primary: white;--color-secondary: cadetblue;--color-background: #111111;--color-link: hotpink;--color-link-hover: deeppink;--color-link-hover-background: #1f1f1f;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body,#app{height:100%}body{margin:0;display:block;place-items:center;min-width:320px;min-height:100vh}#app{display:flex;flex-direction:column;min-height:100vh}main{flex:1;overflow:auto;display:flex;align-items:center;max-width:1280px;min-width:100%;margin:0 auto;text-align:center;flex-direction:column}a{color:var(--color-link);text-decoration:none;transition:color .3s}a:hover{color:var(--color-link-hover)}.notice-banner{background-color:green;text-align:center;margin:10px auto;padding:15px;position:absolute;width:80%;border-radius:5px;color:#fff;font-size:1.2em}.notice-banner h3{margin:0}.notice-banner p{margin:5px 0 0}.notice-banner .close-btn{position:absolute;top:10px;right:15px;background:none;border:none;color:#fff;font-size:1.5em;cursor:pointer}#spilum-logo{transition:.3s}#spilum-logo:hover{filter:invert(1)}.home{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;height:100%}.banner{width:100%;height:30rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000000b3}@media(max-width:639px){.home section{margin-top:5rem;grid-template-columns:1fr;row-gap:1rem}}.resource{display:block;margin-bottom:16px;padding:.75rem 1.5rem;border-radius:.5rem;text-align:left;text-decoration:none;color:var(--color-primary);background-color:#313131;border:1px solid transparent;max-width:20em}.resource:hover{background:var(--color-link-hover-background);border:1px solid #000;box-shadow:0 25px 50px -12px #000}.resource h2{margin:0 0 8px;font-size:1.5em}.resource p{margin:0}@media(prefers-color-scheme:dark){.resource{color:#ccc;background-color:#161616}.resource:hover{border:1px solid #bbb}}.projects section{margin:2rem 1rem;display:flex;flex-flow:row wrap;justify-content:center;gap:1.5rem}.tia{width:50em;min-height:65em;margin:auto;background-color:#fff;color:#000;padding:10px;border:solid 1.5em;border-style:double;display:flex;flex-direction:column}.tia .title h1{background-color:#000;color:#fff;font-size:3em}.tia .top{display:flex;flex-direction:row;justify-content:space-between;margin-top:2em}.tia .box{border:solid .1em}.tia #box-left{height:5em;width:15em}.tia #box-right{height:2em;width:15em}.tia #box-bottom{height:2em;width:40em;margin-top:2em;align-self:center}.tia .top p{margin:0;text-align:left}.tia #tori-logo{align-self:center}.tia #box-group{margin-top:2em;width:fit-content;align-self:center;padding:1em}