:root{color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Yu Gothic UI,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}img{vertical-align:bottom}.app-layout{flex-direction:column;height:100vh;min-height:510px;display:flex}.header{-webkit-user-select:none;user-select:none;background-color:#fff;justify-content:center;align-items:center;padding:16px;animation:.3s ease-out headerFadeIn;display:flex;-webkit-mask:radial-gradient(circle,#000 60%,#0000 100%);mask:radial-gradient(circle,#000 60%,#0000 100%)}.header .logo-link{display:block}.header .logo{pointer-events:none;width:100%;max-width:380px}.footer{text-align:center}.footer p{color:#666;margin:4px 0;font-size:14px}.page-container{flex:1;place-items:center;height:100%;display:grid;position:relative}.page-content{position:absolute}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-100%)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}:root{--honeycomb-cell-size:60px;--honeycomb-cell-text-size:12px}@media (min-width:420px) and (min-height:640px){:root{--honeycomb-cell-size:80px;--honeycomb-cell-text-size:16px}}@media (min-width:640px) and (min-height:820px){:root{--honeycomb-cell-size:120px;--honeycomb-cell-text-size:18px}}.honeycomb-container{-webkit-user-select:none;user-select:none;margin:0 auto}.honeycomb-container img{pointer-events:none}.honeycomb-row{justify-content:center;display:flex}.honeycomb-cell{width:var(--honeycomb-cell-size);height:var(--honeycomb-cell-size);background-color:#fff;margin:1px;transition:width .2s,height .2s;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 2px #000}.honeycomb-cell-inner{will-change:transform,opacity;width:100%;height:100%;display:block;position:relative}.honeycomb-cell a{display:block}.honeycomb-cell img{width:var(--honeycomb-cell-size);height:var(--honeycomb-cell-size);transition:width .2s,height .2s}.honeycomb-cell p{text-align:center;color:#fff;opacity:0;padding:0 auto;font-size:18px;position:absolute;bottom:0}.honeycomb-cell a{cursor:pointer;transition:all .2s}.honeycomb-cell a:hover{filter:brightness(90%)}.honeycomb-cell-placeholder{color:#555;padding:6px 10px;font-size:16px;display:block}.honeycomb-cell-text{width:var(--honeycomb-cell-size);height:var(--honeycomb-cell-size);justify-content:center;align-items:center;font-size:32px;transition:width .2s,height .2s;display:flex}.honeycomb-image-hover-text{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:var(--honeycomb-cell-text-size);text-align:center;opacity:0;pointer-events:none;background:#00000029;justify-content:center;align-items:center;padding:6px;font-weight:500;transition:opacity .25s;display:flex;position:absolute;inset:0}.honeycomb-image-wrapper:hover .honeycomb-image-hover-text{opacity:1}.about{max-width:700px;margin:0 auto;padding-inline:30px}.about-box{background-color:#fffc;border:2px solid #000;padding:20px;position:relative}.about-box h1{margin-top:0}.about-box p{margin-bottom:10px}.back-button-container{justify-content:center;margin-top:-2px;display:flex}.back-button{width:var(--honeycomb-cell-size);height:var(--honeycomb-cell-size);border:2px solid #000;transition:transform .2s ease-in-out;display:block;overflow:hidden}.back-button img{width:var(--honeycomb-cell-size);height:var(--honeycomb-cell-size);transition:transform .2s ease-in-out}.circles{width:100%;height:100%;padding:0;top:0;left:0;overflow:hidden}.circles li{filter:blur(10px);mix-blend-mode:normal;z-index:-99999;background:#e21c21;border-radius:100%;width:20px;height:20px;list-style:none;animation:25s linear infinite animate;display:block;position:fixed;bottom:-150px;overflow:hidden;box-shadow:0 0 10px 5px #e21c21}.circles li:first-child{background:#e21c21;width:80px;height:80px;animation-delay:0s;left:25%;box-shadow:0 0 10px 5px #e21c21}.circles li:nth-child(2){background:#f376e7;width:20px;height:20px;animation-duration:12s;animation-delay:2s;left:10%;box-shadow:0 0 10px 5px #f376e7}.circles li:nth-child(3){background:#4e59f2;width:20px;height:20px;animation-delay:4s;left:70%;box-shadow:0 0 10px 5px #4e59f2}.circles li:nth-child(4){background:#e21c21;width:60px;height:60px;animation-duration:18s;animation-delay:0s;left:40%;box-shadow:0 0 10px 5px #e21c21}.circles li:nth-child(5){background:#f376e7;width:20px;height:20px;animation-delay:0s;left:65%;box-shadow:0 0 10px 5px #f376e7}.circles li:nth-child(6){background:#4e59f2;width:110px;height:110px;animation-delay:3s;left:75%;box-shadow:0 0 10px 5px #4e59f2}.circles li:nth-child(7){background:#e21c21;width:150px;height:150px;animation-delay:7s;left:35%;box-shadow:0 0 10px 5px #e21c21}.circles li:nth-child(8){background:#f376e7;width:25px;height:25px;animation-duration:45s;animation-delay:15s;left:50%;box-shadow:0 0 10px 5px #f376e7}.circles li:nth-child(9){background:#4e59f2;width:15px;height:15px;animation-duration:35s;animation-delay:2s;left:20%;box-shadow:0 0 10px 5px #4e59f2}.circles li:nth-child(10){background:#e21c21;width:150px;height:150px;animation-duration:11s;animation-delay:0s;left:85%;box-shadow:0 0 10px 5px #e21c21}@keyframes animate{0%{filter:blur(0);transform:translateY(0)rotate(0)}50%{filter:blur(0);transform:translateY(-50vh)rotate(360deg)}to{filter:blur(5mm);transform:translateY(calc(-100vh - 50mm))rotate(720deg)}}