:root{--item-size:120px}*{box-sizing:border-box}body{margin:0;min-height:100%;font-family:sans-serif}.flex-center{display:flex;justify-content:center;align-items:center}.grid-container{display:grid;justify-content:center;grid-auto-flow:dense;grid-auto-columns:var(--item-size);grid-auto-rows:var(--item-size);grid-template-columns:var(--item-size) var(--item-size) var(--item-size)}.grid-item{width:100%;display:flex;justify-content:center;align-items:center}.grid-item-a{width:90%;height:90%;position:relative}.grid-item-img{width:100%;height:100%;border-radius:10px}.hover-grid-item-img{box-shadow:#0000003d 0 6px 12px;border:5px solid #009aff}.grid-item-title{background-color:#00000076;color:#f0f8ff;position:absolute;bottom:0px;width:100%;text-align:center;border-radius:0 0 10px 10px;scale:1;font-size:small}.grid-item-size-l{grid-column:auto / span 2;grid-row:auto / span 2}.grid-item-size-l>a{width:95%;height:95%}.first-item{grid-column:1 / span 1;grid-row:1 / span 1}.first-item>a:hover{box-shadow:#0000003d 0 6px 12px;border:5px solid #009aff}.last-item>div{background-color:#fff;color:#0e2a4d;width:90%;height:90%;border-radius:12px;font-size:x-large;font-weight:700;padding:10px}.last-item>div:hover{box-shadow:#0000003d 0 6px 12px;border:5px solid #009aff}.sticky-item{position:sticky;top:0px}.content[data-v-9537c9a9]{padding:20px 20px 50px;min-height:100vh}.bg[data-v-9537c9a9]{width:100%;min-height:100vh;background-image:url(/bg.png);position:fixed;z-index:-1}.footer[data-v-9537c9a9]{height:60px;background-color:#eee;display:flex;justify-content:center}.footer>div[data-v-9537c9a9]{margin:auto 10px}