*{box-sizing:border-box;margin:0;padding:0}html{font-size:112.5%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:1rem}h1{font-size:2rem;margin-bottom:1.5rem;text-align:center;font-weight:400}p{margin-bottom:1rem;&:last-child{margin-bottom:0}}#hero{display:flex;flex-direction:column;align-items:center;width:100%;max-width:512px;margin-bottom:2rem}#hero img{width:100%;height:auto}#gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;width:100%;max-width:1000px}#gallery div{display:flex;flex-direction:column;align-items:center}#gallery button{all:unset}#gallery img{width:100%;max-width:300px;height:auto;aspect-ratio:1 / 1;object-fit:cover;cursor:pointer;transition:transform .2s ease;margin:0 auto;display:block}#gallery img:hover{transform:scale(1.03)}#gallery p,#hero p{margin-top:.5rem}#modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}#modal.hidden{display:none}#modal img{max-width:90%;max-height:90%;border:5px solid white;box-shadow:0 0 20px #0006}#modal-close{position:absolute;top:1rem;right:1.5rem;color:#fff;font-size:2rem;font-weight:700;cursor:pointer}nav{margin-bottom:2rem}nav ul{display:flex;flex-direction:row;gap:0;list-style:none;padding:0;margin:0;justify-content:center;align-items:center}nav ul li{display:inline}nav ul li:not(:last-child):after{content:" | ";color:#888;margin:0 .5em}nav ul a,nav ul a.active{text-decoration:none;font-weight:500;padding:0 .2em;transition:color .2s,background-size .3s;background-image:linear-gradient(90deg,#0051a8 0% 100%);background-size:0% 2px;background-repeat:no-repeat;background-position:left bottom;color:#222}nav ul a:hover,nav ul a.active{color:#0051a8;background-size:100% 2px}.about{max-width:1000px}header,main{display:flex;flex-direction:column;align-items:center}noscript div{background:#fff3cd;color:#856404;padding:1em;text-align:center;border:1px solid #ffeeba;margin-bottom:1.5em}.loader{display:flex;align-items:center;justify-content:center;min-height:200px}.loader:after{content:"";display:block;width:48px;height:48px;border:6px solid #eee;border-top:6px solid #0070f3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}