:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #eef8ff}body{background-color:var(--bg);font-family:Bevan,cursive}*{box-sizing:border-box}main{justify-items:center;max-width:1000px;margin:0 auto}header{padding:1rem 2rem;display:flex;justify-content:center;align-items:center}header .header-container{display:flex;justify-content:center;align-items:center;position:relative}header .header-container .header-posters{max-width:100%;z-index:-1;filter:brightness(.5);border-radius:6px}header .logo-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;padding:1rem;box-sizing:border-box;display:flex;justify-content:center;align-items:center}header .logo-container .logo{width:300px}.video-poster{width:600px;max-width:100%;border-radius:6px;box-shadow:-1px 1px 1px #000;cursor:pointer;transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(20px)}.video-poster:hover{opacity:.8}.video-poster.video-fade-in{opacity:1;transform:translateY(0)}.video-poster.video-fade-in:hover{opacity:.8}.video-content{display:none}.full-page-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#050400d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center}.full-page-modal .full-page-modal-content{width:800px}.full-page-modal.closed{display:none}.item-container{width:600px;max-width:100%;padding:2rem;display:grid;gap:1rem}.item-container h1{margin:0;font-family:Fredericka the Great,serif}.item-container:nth-child(odd){transform:translate(20px)}.item-container:nth-child(2n){transform:translate(-20px)}.divider{max-width:800px;opacity:.15;margin:2rem auto}footer{font-family:Baumans,system-ui;padding:0 1.5rem 3rem;font-size:1.5rem;text-align:center}footer a{color:inherit;text-decoration:none}footer .sub-footer{font-size:1rem}@media (max-width: 900px){.item-container{transform:none!important}header{padding:.5rem}header .logo-container{padding:2rem}footer{font-size:1.25rem}}.logo-container path:not(.path-bar){stroke:#fff;stroke-width:8;stroke-dasharray:10000;animation:draw 4s ease forwards,fade-in 4s ease forwards}.path-bar{animation:fade-in 3s ease forwards}@keyframes fade-in{0%{fill-opacity:0}20%{fill-opacity:0}80%{fill-opacity:1}}@keyframes draw{0%{stroke-dashoffset:10000}80%{stroke-dashoffset:0}to{stroke-dashoffset:0;stroke:transparent}}