code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.site-wrap{height:100vh;overflow:hidden}.panel-wrap,.site-wrap{position:relative;width:100%}.panel,.panel-wrap{height:100%}.panel{align-items:center;background:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;overflow:auto;width:100%}.panel__nav{margin:0 10px}.panel__nav,.panel__zoom{border:1px solid var(--text-color);padding:5px 10px}.panel__zoom{margin:10px}.homeSocial{bottom:20px;position:absolute;right:20px;z-index:100}.homeSocial a{color:var(--text-color);margin:0 10px;text-decoration:none}.theme-btn{background:var(--bg-color);border:1px solid var(--text-color);color:var(--text-color);padding:10px 15px;position:absolute;right:20px;top:20px;z-index:100}.light-theme{--bg-color:#fff;--text-color:#000}.dark-theme{--bg-color:#1a1a1a;--text-color:#fff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}.site-wrap{transition:transform .6s cubic-bezier(.55,0,.1,1)}.site-wrap.show-all{transform:rotateY(-15deg) scale(.2)}.panel-wrap{height:100vh;width:100vw}h1{font-size:13vmin;margin:0}.panel-wrap{perspective:2000px;transition:transform .3s cubic-bezier(.55,0,.1,1)}.panel-wrap.animate--shrink,.panel-wrap.animate--tilt,.panel-wrap.animate--tilt2{transition:transform .3s cubic-bezier(.55,0,.1,1) .3s}.panel{height:100vh;position:absolute;transition:transform .3s cubic-bezier(.55,0,.1,1);width:100vw;will-change:transform}.panel:before{background-color:initial;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color .3s cubic-bezier(.55,0,.1,1);z-index:2}.show-all .panel:before{pointer-events:all}.show-all .panel:hover:before{background-color:#ffffff1a;cursor:pointer}.animate--shrink.animate .panel{transform:scale(.9)}.animate--tilt.animate .panel{transform:scale(.6) rotateY(-25deg)}.animate--tilt2.animate .panel{transform:scale(.8) rotateX(25deg)}.panel h1{cursor:default;left:50%;line-height:1;position:absolute;text-align:center;top:50%;transform:translateX(-50%) translateY(-50%);-webkit-user-select:none;user-select:none}.panel[data-x-pos="-2"]{left:-200%}.panel[data-x-pos="-1"]{left:-100%}.panel[data-x-pos="1"]{left:100%}.panel[data-x-pos="2"]{left:200%}.panel[data-y-pos="-2"]{top:200%}.panel[data-y-pos="-1"]{top:100%}.panel[data-y-pos="1"]{top:-100%}.panel[data-y-pos="2"]{top:-200%}.panel__zoom{cursor:pointer;left:50%;opacity:.2;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) translateY(-12vmin);transition:opacity .3s cubic-bezier(.55,0,.1,1);-webkit-user-select:none;user-select:none;z-index:10}.panel__zoom:hover{opacity:1}.show-all .panel__zoom{pointer-events:none}.panel__nav{border:1px solid;border-radius:.8em;cursor:pointer;opacity:.2;padding:10px;position:absolute;transition:opacity .3s cubic-bezier(.55,0,.1,1);-webkit-user-select:none;user-select:none;will-change:opacity}.panel__nav--up{left:50%;top:1rem;transform:translateX(-50%)}.panel__nav--left{left:1rem;top:50%;transform:translateY(-50%) rotate(-90deg) translateX(-100%);transform-origin:top left}.panel__nav--left-top{left:1rem;top:1rem}.panel__nav--left-down{bottom:1rem;left:1rem}.panel__nav--right{right:1rem;top:50%;transform:translateY(-50%) rotate(90deg) translateX(100%);transform-origin:top right}.panel__nav--right-top{right:1rem;top:1rem}.panel__nav--right-down{bottom:1rem;right:1rem}.panel__nav--down{bottom:1rem;left:50%;transform:translateX(-50%)}.panel__nav:hover{opacity:1}.panel__animation-list{font-size:3.3vmin;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) translateY(14vmin)}.panel__animation-list span{cursor:pointer;display:inline-block;opacity:.2;position:relative;transition:opacity .3s cubic-bezier(.55,0,.1,1);-webkit-user-select:none;user-select:none}.panel__animation-list span:after{border-bottom:.3vmin solid #0000;bottom:0;content:"";left:-1px;position:absolute;right:0;transition:border-color .3s cubic-bezier(.55,0,.1,1);width:100%}.panel__animation-list span.active,.panel__animation-list span:hover{opacity:1}.panel__animation-list span.active:after,.panel__animation-list span:hover:after{border-color:#fff}body.light-theme{background:var(--main-white);color:var(--main-black)}.light-theme .theme-btn{border-color:#1a1a1a;color:#1a1a1a}.light-theme .panel__nav{background:var(--main-white);color:var(--main-black)}body.dark-theme{background:var(--main-black);color:var(--main-white)}.dark-theme .theme-btn{border-color:#eee;color:#eee}.dark-theme .panel__nav{background:var(--main-black);color:var(--main-white)}.theme-btn{background-color:initial;border-radius:.8em;border-style:solid;border-width:.15em;cursor:pointer;font-family:inherit;font-size:calc(10px + .1vw + .5vh);margin:0 auto;outline:none;padding:.8em 1.2em;position:fixed;right:1em;top:1em;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:5}.homeSocial a{color:#fff;height:100%;width:100%}.homeSocial i{animation-delay:.2s;animation-duration:4s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:spreadIcons;animation-timing-function:ease-out}@keyframes spreadText{0%{letter-spacing:-20px;opacity:0}to{letter-spacing:1px;opacity:1}}@keyframes spreadIcons{0%{margin:0;opacity:0}to{margin:0 10px;opacity:1}}@keyframes upDown{0%{margin-top:0}to{margin-top:20px}}.works{min-height:100vh;text-align:center;width:100%}.works-header{color:#fff;padding:2rem}.works-header h1{font-size:2.5rem;font-weight:700;margin:0}.works-header p{font-size:1.1rem;margin:.5rem 0 0;opacity:.9}.portfolio{margin:0 auto;max-width:1200px;padding:2rem}.portfolio-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:1rem}.project-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.project-image{height:200px;overflow:hidden;width:100%}.project-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:1.5rem}.project-title{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.project-description{color:#666;line-height:1.5;margin:0 0 1rem}.project-technologies{gap:.5rem;justify-content:center;margin-bottom:1.5rem}.tech-tag{border-radius:20px;font-size:.8rem;padding:.25rem .75rem}.project-links{display:flex;gap:1rem;justify-content:center}.project-link{align-items:center;background:#667eea;border-radius:6px;color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.project-link:hover{background:#5a67d8}.github-link{background:#2d3748}.github-link:hover{background:#4a5568}.link-icon{font-size:.9rem}@media (max-width:768px){.project-links{flex-direction:column;gap:.5rem}.project-link{justify-content:center}}.project-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.project-date{color:#666;font-size:.8rem;font-weight:500}.project-technologies{display:flex;flex-wrap:wrap;gap:.3rem}.tech-tag{background:#667eea;border-radius:12px;color:#fff;font-size:.7rem;font-weight:500;padding:.2rem .5rem}@media (max-width:768px){.project-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.project-technologies{justify-content:flex-start}}
/*# sourceMappingURL=main.076a57da.css.map*/