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}body{background-color:#0c3db0}*{margin:0;padding:0}.mainHeader{background-color:#0c3db0;display:flex;justify-content:space-between;padding:12px 5rem;position:fixed;width:100%;z-index:100}.navBarItems{align-items:center;color:#fff;display:flex;font-family:sf system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px;justify-content:space-around}.navBarItems .itemNavs{border-radius:5px;color:#fff;cursor:pointer;margin:0 1rem;padding:2px 1.25rem}.navBarItems .itemNavs:hover{background-color:#035162;color:#6df3c8;transition-delay:.1s;transition:ease-in-out;transition-duration:1s}.boxShadowNavBar{transition:.3s cubic-bezier(.4,0,.2,1) 0ms}.githubNav{border:2px solid #add8e6;border-radius:5px;padding:5px 15px!important}.scrolledNavBar{box-shadow:0 10px #888;box-shadow:0 2px 1px rgba(0,0,0,.09),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);transition-delay:.1s;transition:ease-in-out;transition-duration:1s}@-webkit-keyframes jss26{0%{-webkit-transform:translate(-80%);transform:translate(-80%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes jss26{0%{-webkit-transform:translate(-80%);transform:translate(-80%)}to{-webkit-transform:translate(0);transform:translate(0)}}@media screen and (max-width:600px){.hideOn{display:none}.workandabout{height:70vh!important;margin-bottom:8rem}.introSection{height:72vh!important}.contactSection{margin-top:10rem!important}}.introSection{-webkit-animation:jss26 1.5s;animation:jss26 1.5s;color:#fff;display:flex;flex-direction:column;height:calc(100vh - 56px);justify-content:center}.workandabout{height:70vh}.webPoint{color:#fff;position:relative;z-index:20}.webPoint:after{background-color:#3c9982;bottom:5px;box-shadow:3px 3px 2px 1px #2323236b;content:"";height:10px;left:0;position:absolute;-webkit-transform:skewX(307deg);transform:skewX(307deg);transition:bottom .3s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms,-webkit-transform .3s cubic-bezier(.4,0,.2,1) 0ms;transition:transform .3s cubic-bezier(.4,0,.2,1) 0ms,bottom .3s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;transition:transform .3s cubic-bezier(.4,0,.2,1) 0ms,bottom .3s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms,-webkit-transform .3s cubic-bezier(.4,0,.2,1) 0ms;width:100%;z-index:-2}.basics{color:#bbb!important;letter-spacing:.6px;max-width:500px;padding:32px 0;word-spacing:.6px}.introPage{padding:0 176px}@media (max-width:600px){.introPage{padding:3rem}.introSection>div{font-size:1.5rem!important}.leftSideBar{left:12px!important}.rightSideBar{right:12px!important}}.aboutHead{color:#fff;margin-bottom:16px;position:relative}.aboutHead:after{background-color:#8892b0;content:"";height:1px;left:150px;position:absolute;top:50%;width:40%}.aboutSection{color:#fff;justify-content:center}.aboutContent,.aboutSection{display:flex;flex-direction:column}.aboutContent{color:#bbb!important;height:60%;padding-top:32px}.techStack{cursor:pointer;display:flex;gap:1rem;padding:1rem 3rem;width:-webkit-min-content;width:min-content}.techStackIcons-js>svg:hover{fill:#ff0}.techStackIcons-git>svg:hover{fill:red}.techStackIcons-node>svg:hover{fill:green}.techStackIcons-react>svg:hover{fill:#61dbfb}.workItem{align-items:center;box-shadow:2px 2px 7px 0 #001c2b;display:flex;gap:1rem;justify-content:space-between;margin-bottom:16px;margin-left:16px;padding:12px;transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms}.workText .itemTitle{color:#fff;display:inline-block;margin-bottom:16px;position:relative;text-decoration:none}.workText .itemTitle:after{background:#64ffda;bottom:-3px;content:"";height:1px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1) 0ms;width:100%}.workText>a{cursor:pointer;padding:1rem}.box{margin:5rem}.leftSideBar{align-items:center;-webkit-animation:jss14 2s 1;animation:jss14 2s 1;bottom:0;display:flex;flex-direction:column;gap:12px;justify-content:flex-end;left:40px;list-style:none;overflow:hidden;padding-bottom:128px;position:fixed;-webkit-transform-origin:bottom;transform-origin:bottom;width:40px}.leftHR{background-color:#64ffda;bottom:0;bottom:-1rem;height:120px;position:absolute;width:1px}.rightSideBar{align-items:center;-webkit-animation:jss20 2s 1;animation:jss20 2s 1;bottom:0;display:flex;flex-direction:column;gap:12px;justify-content:flex-end;left:auto;list-style:none;padding-bottom:128px;position:fixed;right:40px;-webkit-transform-origin:bottom;transform-origin:bottom;width:40px}.mymail{color:hsla(0,0%,100%,.8);font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace;font-size:12px;font-weight:300;letter-spacing:.1em;padding:8px;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1) 0ms;-webkit-writing-mode:vertical-rl}.contactSection{margin-bottom:10rem;margin-top:5rem}.mymail:link{text-decoration:none}.mymail:hover{color:#6df3c8}.call>svg:hover{fill:#6df3c8;scale:1.1;transition:all}.codedamn{color:red;cursor:pointer;font-size:1.5rem;font-weight:700}.codedamn:link{text-decoration:none}.codedamn:hover{color:red}.konnichiwa{align-items:center;display:flex;justify-content:center;padding:2rem;text-align:center}.clHello:link{text-decoration:none}.clHello{color:#fff}.clHello:hover{color:#6df3c8}
/*# sourceMappingURL=main.577cd28e.css.map*/