html,body{margin:0;padding:0;overflow-x:hidden}.home-background{z-index:-1;pointer-events:none;position:fixed;inset:0}.home-background canvas{display:block}#cardGrid{box-sizing:border-box;min-height:100dvh;padding:clamp(16px,5vw,64px)}.card{box-sizing:border-box;opacity:.94;color:#f8ecde;background-color:#33333d;border:1px solid #41414e;border-radius:5px;flex:16rem;max-width:22rem;padding:clamp(16px,1.6vw,24px);font-family:Noto Sans KR,sans-serif;font-size:clamp(15px,.9rem + .2vw,17px);font-weight:300;line-height:1.4}.description{text-align:left}.card-image{max-width:100%}.grid-container{flex-wrap:wrap;justify-content:center;gap:clamp(16px,2.5vw,32px);display:flex}.projects{max-width:72rem;margin:clamp(32px,6vw,64px) auto 0}.projects-title{margin:0 0 clamp(12px,2vw,20px)}.projects-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:clamp(12px,1.8vw,20px);margin:0;padding:0;list-style:none;display:grid}.card.project-card{background-color:#33333dd1;flex-direction:column;gap:6px;max-width:none;height:100%;text-decoration:none;transition:border-color .2s;display:flex}.card.project-card:hover,.card.project-card:focus-visible{border-color:#f3e4ce99}@media (prefers-reduced-motion:reduce){.card.project-card{transition:none}}.project-card-title{color:#f8ecde;font-weight:500;text-decoration:underline}.project-card-description{color:#f8ecde;font-size:.92em}@media only screen and (width<=640px){.card{flex-basis:100%;max-width:none}}a{color:#f4f0f9;text-decoration:underline}a:link{color:#f4f0f9}a:visited{color:#b597d8}a:hover{color:#a5a5a5}a:active{color:#fff}a:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #f3e4cee6}.title{color:#f8ecde;text-align:start;font-family:Noto Sans KR,sans-serif;font-size:clamp(20px,1.1rem + .5vw,26px);font-weight:500;line-height:100%}#fullscreenIcon,#gridOnIcon,#refreshIcon{cursor:pointer;color:#f3e4cecc;margin:0;position:fixed}#fullscreenIcon{font-size:55px;bottom:15px;right:15px}#gridOnIcon{font-size:39px;bottom:23px;right:80px}#refreshIcon{font-size:42px;bottom:23px;right:140px}.home-control{background:0 0;border:0;padding:0;line-height:1}.home-control:focus-visible{outline-offset:4px;border-radius:6px;outline:2px solid #f3e4cee6}.span_no_selection{-webkit-user-select:none;user-select:none}