@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ul{list-style-type:none}a{color:#0f0f0f}@-webkit-keyframes fadeInRight{0%{left:0;top:-25px}to{left:0;top:25px}}@keyframes fadeInRight{0%{left:0;top:-25px}to{left:0;top:25px}}body{background-color:#fff;font-family:Roboto,sans-serif;font-weight:400;line-height:1}button{border:none;cursor:pointer;outline:none}.container,.wrapper{margin:0 auto}.container{font-family:Roboto,sans-serif;height:100%;max-width:1200px}a:hover{color:#000}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:#212121;font-weight:700}button,input,select,textarea{outline:none}input{line-height:normal}button,label{cursor:pointer}ul{list-style:none}li{list-style-type:none}a{text-decoration:none}img{margin:auto;width:100%}.font-gg{font-family:Roboto Slab,serif}.open-sans{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400}@font-face{font-family:W95FA;font-style:normal;font-weight:400;src:url(/static/media/W95FA.fb426abf85e01e2c7d00.woff2) format("woff2")}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.body-all{background-color:teal;display:flex;flex-direction:column;height:100vh;height:100dvh;margin:auto;overflow:hidden;width:100%}.main-content{flex:1 1;min-height:0;overflow-y:auto;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.name{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin-bottom:8px;scroll-snap-align:start;scroll-snap-stop:always}.name-content{width:50vw}.typing{-webkit-animation:typing 8s steps(40) infinite;animation:typing 8s steps(40) infinite;border-right:2px solid #000;display:inline-block;overflow:hidden;white-space:nowrap;width:35ch}@-webkit-keyframes typing{0%{width:0}40%{width:35ch}60%{width:35ch}to{width:0}}@keyframes typing{0%{width:0}40%{width:35ch}60%{width:35ch}to{width:0}}.kk-bg.fun .kk-bottom-frame,.kk-bg.fun .kk-inner-frame{background-color:#ff6b6b;border-color:#192a51}.kk-bg.fun .kk-inner-frame{box-shadow:0 4px 0 0 #c44536;-webkit-box-shadow:0 4px 0 0 #c44536;color:#fff}.kk-bg.fun .kk-inner-frame:hover{background-color:#ff8585}.kk-bg.fun .kk-inner-frame:active{background-color:#ff6b6b;box-shadow:0 0 0 0 #c44536;-webkit-box-shadow:0 0 0 0 #c44536}.kk-bottom-frame{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1px 1px 6px}.kk-bottom-frame,.kk-inner-frame{background-color:silver;border:2px solid #000;border-radius:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.kk-inner-frame{align-items:center;box-shadow:0 4px 0 0 gray;cursor:pointer;justify-content:center;margin-top:-4px;padding:8px 16px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.kk-inner-frame:active,.kk-inner-frame:hover{background-color:silver}.kk-inner-frame:active{box-shadow:0 0 0 0 gray;-webkit-box-shadow:0 0 0 0 gray;-webkit-transform:translateY(4px);transform:translateY(4px)}.topbar{align-items:center;display:flex;height:30px;justify-content:space-between;padding:0 8px;z-index:9999}.topbar.active{background:linear-gradient(90deg,navy,#1084d0);color:#fff}.topbar .clock{font-weight:700}.topbar .title{font-weight:400}.intro,.topbar .title{align-items:center;display:flex;justify-content:center}.intro{box-sizing:border-box;height:100%;padding:240px 0;scroll-snap-align:start;scroll-snap-stop:always}.intro-content{min-width:320px;width:55vw}@media only screen and (max-width:1000px){.intro{padding:32px;width:100vw}.intro-content{width:100%}}.bottom{display:flex;flex-direction:column;justify-content:space-between;width:100%;z-index:1000}.bottom-content{padding:4px;z-index:1000}.bottom-content,.button{background:silver;border-color:#fff #0c0f0a #0c0f0a #fff;border-style:solid;border-width:2px;box-shadow:inset -1px -1px gray,inset 1px 1px #dfdfdf;color:#0c0f0a}.button{align-items:center;display:inline-flex;gap:6px;justify-content:flex-start;padding:2px 8px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.button:active{border-color:gray #fff #fff gray;border-style:solid;border-width:2px;box-shadow:inset -1px -1px gray,inset 1px 1px #fff}.popup-content{align-items:center;display:flex;height:100vh;justify-content:center;padding:36px;position:fixed;top:0;width:100vw}.skills{left:32px}.history,.skills{align-items:center;bottom:50px;display:flex;justify-content:center;position:fixed;z-index:1000}.history{left:90px}@media only screen and (max-width:1000px){.menu{max-height:70vh;overflow-y:auto}}.menu{background:silver;border-color:#fff #0c0f0a #0c0f0a #fff;border-style:solid;border-width:2px;color:#0c0f0a;display:flex;flex-direction:column;justify-content:space-between;padding-right:4px}.menu-item{align-items:center;cursor:default;display:flex;justify-content:flex-start;padding:2px 4px}.menu-item img{height:16px;margin-right:6px;width:16px}.menu-item:hover{background:navy;color:#fff}.menu-content{display:flex}.menu-selected{background:navy;color:#fff}.menu-item .arrow-selected,.menu-item:hover .arrow{color:#fff}.win98-popup{background:silver;border-color:#fff #0c0f0a #0c0f0a #fff;border-style:solid;border-width:2px;display:flex;flex-direction:column;max-width:90vw}.win98-popup.full-screen{bottom:48px;left:2px;max-width:none;position:fixed;right:2px;top:31px;z-index:3000}.win98-popup.full-screen .popup-body{max-height:calc(90vh - 32px)}.popup-header{align-items:center;background:linear-gradient(90deg,navy,#1084d0);color:#fff;display:flex;justify-content:space-between;padding:2px 6px}.header-buttons{display:flex;gap:2px}.close-btn,.maximize-btn{align-items:center;background:silver;border-color:#fff #0c0f0a #0c0f0a #fff;border-style:solid;border-width:2px;color:#0c0f0a;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:0 6px}.close-btn:active,.maximize-btn:active{border-color:gray #fff #fff gray;border-style:solid;border-width:2px}.popup-body{max-height:70vh;overflow-y:auto;padding:12px}.popup-body::-webkit-scrollbar{width:16px}.popup-body::-webkit-scrollbar-track{background:silver;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px gray}.popup-body::-webkit-scrollbar-thumb{background:silver;border-color:#fff gray gray #fff;border-style:solid;border-width:2px;box-shadow:inset 1px 1px #dfdfdf}.popup-images{display:flex;flex-direction:column;gap:16px;margin-top:12px}.popup-image{border:2px solid gray;display:block;height:auto;width:100%}.about-content{display:flex;flex-direction:row;gap:16px;padding-left:16px;padding-right:16px}@media only screen and (max-width:920px){.about-content{align-items:center;flex-direction:column;padding-left:8px;padding-right:8px}}.about-image{border:2px solid gray;border-radius:8px;display:block;flex-shrink:0;height:auto;margin:8px;width:180px}@media only screen and (max-width:920px){.about-image{margin-left:auto;margin-right:auto}}.about-info{display:flex;flex:1 1;flex-direction:column}.about-detail{display:flex;flex-direction:column;padding-left:16px}.wf-popup{background:silver;border-color:#fff #0c0f0a #0c0f0a #fff;border-style:solid;border-width:2px}.iframe{background-color:#fff;border:none;height:50vh;width:60vw}@media only screen and (max-width:920px){.win98-popup{max-width:90vw}.iframe{height:70vh;width:80vw}}.teams-link{color:#464eb8;font-family:W95FA,Tahoma,sans-serif;font-size:18px;line-height:1.5;text-decoration:none}.teams-link:hover{text-decoration:underline}.design-case{align-items:start;background-color:#fff;box-sizing:border-box;display:flex;height:100%;justify-content:flex-start;padding:240px 10vw;scroll-snap-align:start;scroll-snap-stop:always}.design-case-content{width:50vw}.figma-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;margin-top:24px}.figma-app{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;padding:8px;transition:all .2s ease;width:100px}.figma-app:hover{background-color:navy;box-shadow:inset 1px 1px #fff,inset -1px -1px gray;color:#fff}.figma-app:active{background-color:navy;box-shadow:inset -1px -1px #fff,inset 1px 1px gray;color:#fff}.figma-icon{align-items:center;display:flex;height:32px;justify-content:center;margin-bottom:8px;width:32px}.figma-icon img{height:100%;object-fit:contain;width:100%}.figma-title{text-align:center;word-break:break-word}.popup-overlay{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}@media only screen and (max-width:1000px){.design-case{padding:32px;width:100vw}.design-case-content{width:100vw}.figma-row{gap:24px;justify-content:flex-start}}
/*# sourceMappingURL=main.48368d78.css.map*/