@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-707fdc5c.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-Bold-7219547e.ttf) format("truetype");font-weight:700;font-style:normal}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--primary: #D5B9B2;--secondary: #67697C}body{margin:0;width:100vw;height:100vh;overflow:hidden;font-family:Poppins,sans-serif}a{font-weight:500;color:var(--secondary);text-decoration:inherit}a:hover{color:var(--primary)}button{border:none;display:inline-block;background-color:var(--secondary);color:#fff;padding:10px 20px;text-align:center;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s,transform .3s}button:hover{background-color:var(--primary);transform:scale(1.05)}button:disabled{opacity:.6;cursor:unset}iframe{border:none}.hidden{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInOut{0%{opacity:.5}to{opacity:1}}.icon-tabler{color:#fff}.repo{position:absolute;top:16px;right:16px;z-index:1;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:var(--primary);border:none;border-radius:50%}.repo:hover{cursor:pointer;background-color:var(--secondary)}@media screen and (min-width: 768px){.repo{top:32px;right:32px;width:60px;height:60px}}.home{position:absolute;padding:16px;width:calc(100vw - 32px);height:calc(100vh - 32px);display:flex;align-items:center;justify-content:center}@media screen and (max-width: 768px){.home div{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}}.home .greeting{color:var(--primary);font-size:2rem}.home .whoami{color:var(--secondary);font-size:1.5rem}.home .work{flex:0;display:flex;color:var(--primary);font-size:1rem;margin-top:48px;animation:fadeInOut 1s ease-in-out infinite alternate}.home .work div:hover{cursor:pointer;color:var(--secondary);text-decoration:underline}.home .divider{width:25%}@media screen and (max-width: 768px){.home .divider{width:0%}}.background{width:100%;height:100%;animation:fadeIn 1s ease-in-out}.scene canvas{position:fixed;top:0;left:50%;transform:translate(-50%);pointer-events:none;animation:fadeIn 1s ease-in-out}.controls{position:absolute;bottom:32px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px;animation:fadeIn 1s ease-in-out}@media screen and (max-width: 768px){.controls{bottom:24px}}.controls div{display:flex;justify-content:center;align-items:center;gap:16px;text-align:center}.controls button{width:60px;height:60px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 768px){.controls button{width:40px;height:40px}}#project-info-card{position:absolute;top:16%;left:57%;z-index:1;width:240px;height:240px;overflow-y:scroll;background-color:#67697c;visibility:visible;opacity:0;border:none;border-radius:4px;padding:8px;color:#000}#project-info-card .title{font-size:.9rem}#project-info-card .description{margin-top:8px;font-size:1.2rem}#project-info-card .github{cursor:pointer}@media screen and (max-width: 1200px){#project-info-card{left:63%;width:200px;height:200px}}@media screen and (max-width: 992px),screen and (max-height: 768px){#project-info-card{left:65%;width:160px;height:160px}#project-info-card .title{font-size:1.1rem}#project-info-card .description{display:none}}@media screen and (min-width: 768px){#project-info-card .click-me{display:none}}@media screen and (max-width: 768px){#project-info-card{left:67%;font-size:.8rem;width:64px;height:44px}#project-info-card .title,#project-info-card .description{display:none}#project-info-card .github{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}}@media screen and (max-height: 1000px) and (min-width: 992px){#project-info-card{top:10%}}.fade-in{opacity:0;animation:circularMotion 4s linear infinite,fadeIn 1s ease-in-out forwards}@keyframes circularMotion{0%{transform:translate(0) translateY(-5px)}12.5%{transform:translate(5px) translateY(-10px)}25%{transform:translate(10px) translateY(-5px)}37.5%{transform:translate(5px) translateY(0)}50%{transform:translate(0) translateY(5px)}62.5%{transform:translate(-5px) translateY(10px)}75%{transform:translate(-10px) translateY(5px)}87.5%{transform:translate(-5px) translateY(0)}to{transform:translate(0) translateY(-5px)}}.fade-out{opacity:1;animation:fadeOut .5s ease-in-out forwards}