body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Proxima Nova,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background-color:#fafafa;display:flex;height:100vh;justify-content:center;transition:background-color .4s ease;width:100%}.App-header{display:flex;height:80%;max-width:1500px;width:80%}.LeftCl{align-items:start;gap:5px;height:100%;justify-content:center;width:50%}.LeftCl,.LeftCl-text{display:flex;flex-direction:column}.LeftCl-text{gap:20px;height:320px;width:100%}.Name{font-size:52px}.Name,.bio{margin-left:150px}.bio{color:#a0a0a0;font-size:20px;margin-top:0;padding:10px;width:70%}.bio-italic{font-style:italic}.Name,.bio{animation:textSwapIn .5s ease}@keyframes textSwapIn{0%{opacity:0}to{opacity:1}}.RightCl{align-items:center;display:flex;flex-direction:column;height:108%;width:50%}.profilePic-wrapper{animation:subtleMove 10s ease-in-out infinite alternate;border-radius:50%;box-shadow:0 4px 8px #0003;flex-shrink:0;height:350px;margin-left:140px;overflow:hidden;position:relative;width:350px}.pic-layer{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity .5s ease;width:100%}.pic-layer.hidden{opacity:0}@keyframes subtleMove{0%{transform:translate(0)}50%{transform:translate(10px,10px)}to{transform:translate(0)}}.sections{border-bottom:none;color:#2e2e2e;cursor:pointer;display:flex;flex-direction:row;gap:30px;justify-content:space-between;list-style-type:none;margin:0;padding:0;width:100%}.sections li{border-bottom:2px solid #0000;padding-bottom:0;text-align:center;transition:all .5s}.sections li.active,.sections li:hover{border-bottom:2px solid #000;color:#000}.sections li.clicked{animation:navClickBounce .5s}@keyframes navClickBounce{0%{animation-timing-function:ease-in;transform:scale(1)}50%{animation-timing-function:ease-out;transform:scale(.8)}to{transform:scale(1)}}.c3,.cMaster{transition:opacity .3s ease}.section-fading{opacity:0}.cMaster{display:flex;flex-flow:row wrap;height:50%;justify-content:center;width:100%}.c1,.c2{height:85%;margin:auto;width:45%}.c1,.c2,.c3{background-color:#0000001a;border-radius:10px}.c3{height:60%;width:95%}.Name,.bio,.sections,.sections li{transition:color .4s ease,border-color .4s ease,background-color .4s ease}.c1,.c2,.c3{transition:background-color .4s ease,opacity .3s ease}.topbar{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff8c;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;display:flex;gap:12px;left:0;padding:10px 20px;position:fixed;top:0;transition:background-color .4s ease;width:100%;z-index:30}body.dark .topbar{background:#28282a8c}.theme-toggle{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:6px;transition:transform .3s ease,color .4s ease}.theme-toggle:hover{transform:scale(1.15)}body.dark .theme-toggle{color:#f1f1f1}body.dark .App{background-color:#252527}body.dark .Name{color:#f1f1f1}body.dark .bio{color:#8c8c8c}body.dark .sections{color:#c8c8c8}body.dark .sections li.active,body.dark .sections li:hover{border-bottom-color:#fff;color:#fff}body.dark .c1,body.dark .c2,body.dark .c3{background-color:#ffffff14}body.dark .hamburger{color:#dcdcdc}.hamburger{color:#818181;display:none}@media (max-width:1450px){.App{display:flex;flex-direction:column;height:100vh;width:100%}.navbar{margin-left:3rem;margin-right:3rem;margin-top:70px;width:100%}.App-header{display:flex;height:90%;width:90%}.LeftCl{align-items:start;display:flex;flex-direction:column;gap:30px;height:100%;justify-content:flex-start;width:50%}.LeftCl-text{height:auto}.RightCl{height:50%;width:50%}.profilePic-wrapper{animation:none;height:300px;margin:70px auto 0 35px;width:300px}.Name{font-size:60px;margin-bottom:0}.Name,.bio{margin-left:35px;margin-top:0}.bio{color:#a0a0a0;font-size:large;padding:0;width:80%}.c1,.c2{height:170%;margin:50px auto auto;width:90%}.c3{height:50%;margin:50px auto 90px;width:86%}.bioSheet{height:55vh;margin:30px auto auto;width:86%}}@media (orientation:landscape) and (max-width:1200px){.App{display:flex;flex-direction:column;height:150vh;width:100%}}@media (max-width:800px){.App{box-sizing:border-box;min-height:100vh;padding-bottom:40px}.App,.App-header{flex-direction:column;height:auto;justify-content:flex-start;width:100%}.App-header{display:flex;gap:40px}.LeftCl{align-items:flex-start;gap:16px;justify-content:flex-start;margin-top:60px;text-align:left;width:100%}.LeftCl,.LeftCl-text,.RightCl{height:auto}.RightCl{width:100%}.sections{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;box-shadow:4px 0 8px #0000001a;display:flex;flex-direction:column!important;gap:20px;height:100%;justify-content:center;left:-100%;position:fixed;text-align:center!important;top:0;transition:left .3s ease-in-out;width:80%;z-index:10}.sections.open{left:0}.hamburger{all:unset;color:#505050;cursor:pointer;display:block;font-size:28px;line-height:1;transition:color .4s ease}.sections li{border-bottom:none!important;display:block!important;font-size:20px;overflow:hidden;padding:10px 0;position:relative;text-align:center!important;width:100%}.sections li:before{background-color:#000;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;z-index:-1}.sections li:hover:before{transform:translateX(0)}.sections li:hover{color:#fff}.Name{font-size:33px;margin:40px auto 0 40px}.profilePic-wrapper{animation:none;height:130px;margin-left:35px;margin-top:20px;width:130px}.bio{border-radius:0;box-shadow:none;font-size:16px;font-weight:500;margin:30px auto auto 40px;padding:0;text-align:left;width:80%}.cMaster{align-items:center;display:flex;flex-direction:column;gap:20px;height:auto;margin-top:0;width:100%}.c1,.c2,.c3{background-color:rgba(0,0,0,.178);border-radius:20px;display:block;min-height:150px;width:85%}.bioSheet{height:auto;margin:20px auto 0;width:90%}.sections li.active{background-color:#000;color:#fff}.sections li.active:before{transform:translateX(0)}body.dark .sections{background:#141416a6}body.dark .c1,body.dark .c2,body.dark .c3{background-color:#ffffff1a}}.contacts{background-color:#f35aae;border-radius:10px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:18px;height:100%;justify-content:center;overflow:hidden;padding:24px 28px;width:100%}.contacts-title{font-size:22px;font-weight:700;letter-spacing:.5px;margin:0}.contacts-list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.contact-item{align-items:center;display:flex;gap:14px}.contact-icon{display:flex;flex-shrink:0;height:22px;width:22px}.contact-icon svg{height:100%;width:100%}.contact-text{display:flex;flex-direction:column;line-height:1.25;min-width:0}.contact-label{font-size:11px;letter-spacing:1px;opacity:.8;text-transform:uppercase}.contact-value{color:#fff;font-size:15px;text-decoration:none;word-break:break-word}.contact-value:hover{text-decoration:underline}@keyframes bioFadeIn{0%{opacity:0}to{opacity:1}}.bioSheet-wrapper{animation:bioFadeIn 1.5s ease;transition:opacity .3s ease;width:100%}.bioSheet{background-color:#1e1e1e;border-radius:12px;box-shadow:0 4px 24px #0000001a;height:70vh;margin:40px auto 0 0;overflow:hidden;width:100%}.skill-panel{box-sizing:border-box;color:#d4d4d4;font-family:Consolas,Courier New,monospace;font-size:13px;height:100%;line-height:1.65;overflow-y:auto;padding:20px 0}.code-line{align-items:baseline;display:flex}.gutter{color:#858585;flex-shrink:0;min-width:44px;padding-right:20px;text-align:right;-webkit-user-select:none;user-select:none}.code-content{white-space:pre}.sk-keyword{color:#569cd6}.sk-variable{color:#9cdcfe}.sk-string{color:#ce9178}.sk-comment{color:#6a9955}.sk-punct{color:#d4d4d4}.sk-bar{color:grey}.sk-legend{color:#acabab}.cursor{animation:cursorBlink 1s step-end infinite;background-color:#d4d4d4;display:inline-block;height:1em;margin-left:1px;vertical-align:text-bottom;width:2px}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:800px){.bioSheet{height:auto}.skill-panel{font-size:11px;height:auto;overflow:hidden;padding:16px 0}.gutter{min-width:30px;padding-right:12px}}
/*# sourceMappingURL=main.0a083f5b.css.map*/