@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@500;700&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";@keyframes logo{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{padding:0;margin:0;box-sizing:border-box;font-size:12pt;font-family:JetBrains Mono,IBM Plex Sans JP,sans-serif}:root{--border-light-color: #cccccc;--primary-color: #008000;--secondary-color: #00ff00;--third-color: #aaffaa;--background-color: #eeffee}html{width:100vw;height:100vh;overflow:hidden}body{width:99vw;height:100vh;overflow:hidden;margin:auto;border-radius:1rem 1rem 0 0;background-color:#f5f5f5;border-left:1px solid var(--border-light-color);border-right:1px solid var(--border-light-color)}header{width:100%;height:10vh;display:flex;align-items:center;background-image:linear-gradient(to bottom,var(--primary-color) 60%,transparent);color:#fff}header .logo:hover{transition:transform .5s;transform:rotate(360deg);cursor:url(/iloveyou.png),pointer}div#container{width:100%;height:85vh;display:flex}main{width:80%;height:100%;overflow-x:hidden;overflow-y:auto}div#side{transition:background-position .5s,background-size .5s;width:20%;height:100%;overflow-x:hidden;overflow-y:auto;background-color:var(--background-color);background-image:url(/background/side.png);background-size:cover;background-repeat:no-repeat;background-position:right bottom;border-left:1px solid var(--border-light-color)}div#side:hover{background-position:center bottom}footer{width:100%;height:5vh;display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:var(--third-color)}h1{font-size:5vh;text-shadow:0 .1rem .1rem black;-webkit-user-select:none;user-select:none}small{font-size:.75em}hr{margin:.5rem}.overlap[data-v-fc10d5ca]{width:100%;height:100%;background-color:#dcffdcbf}.description[data-v-fc10d5ca]{font-size:.75rem}section[data-v-fc10d5ca]{padding:.25rem;border:1px solid var(--border-light-color);background-color:#ffffff80;margin:.1rem}h2[data-v-fc10d5ca]{font-size:1.2rem;margin-bottom:.5rem;border-bottom:4px solid var(--border-light-color);background-color:#fff}.button[data-v-fc10d5ca]{border:1px solid var(--border-light-color);padding:.2rem;display:flex;align-items:center;cursor:pointer;transition:background-color .25s}.button[data-v-fc10d5ca]:hover{background-color:var(--third-color)}.button img[data-v-fc10d5ca]{width:2rem;height:2rem;border-radius:50%;margin-right:.5rem}.button p[data-v-fc10d5ca]:first-child{font-weight:700}.button p[data-v-fc10d5ca]:last-child{font-size:.75rem}