@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap);#themeIcon{animation:ghost-float 3s ease-in-out infinite;display:none;height:fit-content;max-width:4rem;position:fixed;right:5rem;top:10rem;z-index:99}@media (min-width:768px){#themeIcon{display:block;max-width:3rem;right:2.5rem}}@media (min-width:1600px){#themeIcon{right:5rem}}#themeIcon:hover #leftEye{animation:closeEye 10s infinite;transition:animation .3s ease}@keyframes closeEye{0%,10%,20%,30%,40%,50%,60%,70%,80%,90%,to{d:path("M172.483,217.034c-27.632,0-50.11,0-50.11,0s22.478,0,50.11,0c27.632,0,50.11,0,50.11,0 S200.115,217.034,172.483,217.034z")}}@keyframes ghost-float{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}.quote-modal{color:#e0e4e8}.modal-content,.quote-modal-part{background-color:#0b192c}.modal-content{padding:1rem .8rem}.modal-content .btn-close{background-color:#e0e4e8;padding:8px}.modal-content .modal-header{border:none;font-size:14px;-webkit-text-decoration:1px underline;text-decoration:1px underline;text-underline-offset:3px}.modal-content .modal-body{font-size:1.1rem;font-style:italic;font-weight:200}.modal-content .modal-body .small{color:#e0e4e890;font-style:normal}.modal-content .modal-title{font-size:1.4rem;font-weight:300;position:relative;word-spacing:-3px}.modal-content .modal-title .question{font-size:14px;position:absolute;right:-22px}.modal-content .question:hover+.info{opacity:1}.modal-content .info{background-color:#040a12;border:1px solid #e0e4e881;border-radius:8px;font-size:14px;opacity:0;padding:1rem;position:absolute;right:-1rem;top:-8rem;transition:all .2s ease-in-out;width:15rem;z-index:2}#menu{align-items:center;background-color:#0b192c;border-radius:10px;bottom:6.3rem;box-shadow:0 5px 15px #00000059;display:flex;flex-direction:column;gap:4px;padding:6px 2rem 6px 6px;position:fixed;right:-26px;transition:all .15s ease-in-out;z-index:900}#menu .menu--openmodal,#menu a{background-color:initial;border:none;border-radius:8px;color:#e0e4e8;display:block;font-size:22px;padding:4px 8px;position:relative;transition:all .15s ease-in-out}#menu .menu--openmodal:hover,#menu a:hover{background-color:#040a12}#menu .menu--openmodal .menu--popup,#menu a .menu--popup{background-color:#c05005;border-radius:10px;font-size:12px;font-weight:200;opacity:0;padding:.4rem .8rem;pointer-events:none;position:absolute;right:55px;transition:all .15s ease-in-out;white-space:nowrap;width:fit-content}#menu .menu--openmodal:hover .menu--gitHubPopup,#menu .menu--openmodal:hover .menu--linkedInPopup,#menu .menu--openmodal:hover .menu--mailPopup,#menu .menu--openmodal:hover .menu--quotePopup,#menu a:hover .menu--gitHubPopup,#menu a:hover .menu--linkedInPopup,#menu a:hover .menu--mailPopup,#menu a:hover .menu--quotePopup{opacity:1}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}#menu{animation:slideInFromRight 2s ease-out 0s 1}.footer{color:#e0e4e8;font-size:14px;margin-top:2rem;padding-bottom:1rem}.footer .footer-bold{font-weight:700}@media (min-width:1200px){.footer{bottom:14px;padding:5px;position:fixed;width:fit-content!important}}.mouse-effect{background:linear-gradient(90deg,#050505,#1b1b1b);height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}@media (max-width:1200px){.mouse-effect{mask-image:radial-gradient(circle 0,#000 100%)!important;-webkit-mask-image:radial-gradient(circle 0,#000 100%)!important}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:#0b192c;border-radius:3px}::-webkit-scrollbar-track-piece{background:#313131}::-webkit-scrollbar-thumb:hover{background:#1a2a40}body{background:#000;background:linear-gradient(90deg,#050505,#1b1b1b);color:#e0e4e8;font-family:JetBrains Mono,monospace;font-size:18px;height:100vh;padding-bottom:32px}#root{height:100%}.content{background-attachment:fixed;background-image:url(/static/media/rndomCode2.2d5886b7d6a5cbf04c78.png);min-height:100vh;position:relative}.content .content-background{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.content .content--grid{background-color:initial;position:relative;z-index:1}@media (min-width:1200px){.content .content--grid{grid-gap:2rem;grid-row-gap:0;display:grid;gap:2rem;grid-row: auto auto;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;row-gap:0}}.animated-link{position:relative;text-decoration:none}.animated-link:after,.animated-link:before{border-top-color:#ffffff5f;border-top-width:2px;bottom:-1px;content:"";left:0;position:absolute}.animated-link:after{border-top-style:solid;transition:width .2s ease;width:0}.animated-link:hover:after{width:100%}.scrollable-section{height:100vh;overflow-y:auto}.typetext{font-size:38px!important;font-weight:800!important;word-spacing:-10px}.orange-color{color:#ff6500}.blue-color{color:#0b192c}p{font-weight:200;margin-bottom:0;margin-top:8px}h1{font-size:48px;font-weight:700}h1 .title-span{color:#ff6500}h2{font-size:18px;margin-top:20px}h3{font-size:30px;font-weight:400;margin:16px auto;text-align:center}@media (min-width:1200px){.fixed{max-width:33%;position:fixed}}@media (min-width:1200px) and (max-height:630px){.fixed{max-width:100%;position:relative}}.dropdown{background-color:initial;border:none;margin-left:10px}.wiggle{animation:wiggle 2s linear infinite}.rotate-360{transform:rotateX(0deg)}.rotate-180,.rotate-360{transition:transform .3s ease-in-out}.rotate-180{transform:rotateX(180deg)}.orange-link{font-weight:500}.orange-link,.orange-link:hover{color:#ff6500}.orange-link:after,.orange-link:before{border-top-color:#ff6500}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}@media (min-width:1200px){.small-screen{display:none}}.large-screen{display:none}@media (min-width:1200px){.large-screen{display:block}}.project-skils-section{padding-top:44px}.introduction{margin-top:44px}.introduction .introduction--title{line-height:2.9rem;margin-bottom:3rem}.introduction h2,.introduction p{margin-bottom:3rem}.introduction p{margin-top:16px}@media (min-width:1200px){.introduction,.introduction h2,.introduction p{margin-bottom:0}}@media (min-width:1400px){.introduction{max-width:600px}}#projects{margin-top:3rem}#projects h3{margin-bottom:1.5rem}#projects .project{align-items:end;background-color:#040a12;border:1px solid #ffffff1a;border-radius:10px;display:flex;margin-top:42px;min-height:20rem;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:all .15s ease-in-out}#projects .project .project--img{left:0;-webkit-mask-image:linear-gradient(0deg,#0000 47%,#000 105%);mask-image:linear-gradient(0deg,#0000 47%,#000 105%);max-width:100%;position:absolute;top:0;transition:all .25s ease-in-out}#projects .project .project--tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px;margin-top:6px}#projects .project .project--tools .project--tool{align-items:center;background-color:#0b192c4b;border:1px solid #ffffff1a;border-radius:8px;color:#e0e4e8;display:flex;font-size:16px;gap:8px;line-height:1.2;padding:5px 7px}#projects .project .project--tools .project--tool img{display:block;filter:grayscale(100%);flex:0 0 1.2rem;height:1.2rem;object-fit:contain;width:1.2rem}#projects .project .project--description{color:#e0e4e8d2;font-size:14px;word-spacing:-2px}@media (min-width:1200px){#projects .project .project--content{position:relative;top:48px;transition:all .25s ease-in-out}#projects .project:hover .project--content{top:10px}#projects .project:hover .project--img{transform:scale(1.04)}}#projects .project .title{color:#e0e4e8;font-size:20px;font-weight:600;position:relative;transition:all .15s ease-in-out;z-index:2}#projects .project .title:hover{color:#e0e4e8d1;text-decoration:none}#projects .project p{margin-bottom:10px;margin-top:0}#projects .project a{color:#e0e4e8;text-decoration:none}#projects .project a:hover{text-decoration:underline}#projects .project svg{margin-left:4px}#projects .project .project--link{background-color:#e0e4e8;border-radius:7px;color:#000;font-size:12px;font-weight:300;padding:4px 8px;transition:all .1s ease-in-out}#projects .project .project--link i{margin-left:3px}#projects .project .project--link:hover{background-color:#e0e4e8d1;text-decoration:none}.project-group{margin-bottom:2rem}.project-group--title{border-bottom:1px solid #e0e4e829;color:#e0e4e8;font-size:1.15rem;font-weight:500;margin:1.75rem 0 .25rem;padding-bottom:.5rem;text-align:left;width:100%}.project-group--title:before{background-color:#ff6500;content:"";display:inline-block;height:1em;margin-right:.65rem;vertical-align:-.12em;width:3px}@media (min-width:1200px){#projects .project{min-height:18rem}}#projects .nav-slider button{background-color:initial;border:none;color:#ffffff5f;font-size:24px;letter-spacing:-1px;transition:all .25s ease-in-out}#projects .nav-slider .nav-slider--active{color:#e0e4e8}#projects .nav-slider .nav-slider--active:after,#projects .nav-slider .nav-slider--active:before{border-top-color:#e0e4e8}#projects .nav-slider .nav-slider--projects{margin-right:1rem}@media (min-width:1200px){#projects{-ms-grid-column-span:1;-ms-grid-column:2;grid-column:2/3;margin-top:0;padding-bottom:4rem}}.skills-slide{min-height:90vh}.skills{margin-top:2.1rem;padding-left:0;width:100%}.skills,.skills li{text-align:start}@media (min-width:1200px){.skills{margin-top:1rem}}@keyframes slideIn{0%{transform:translateX(16px)}to{transform:translateX(0)}}.projects-slide{transition:all .25s ease-out}.projects-slide.show{animation:slideIn .5s ease forwards}.line-divider{--b:1px;--w:80px;--g:0px;--c:#242424;border-image:linear-gradient(#0000 calc(50% - var(--b)/2),var(--c) 0 calc(50% + var(--b)/2),#0000 0) 1/0 var(--w)/calc(var(--w) + var(--g));margin-bottom:8px;margin-top:8px;padding:0 16px;width:fit-content}.nav-menu{margin:0;position:fixed;right:5rem;top:0}.nav-menu button{background-color:#0b192c;border:none;border-radius:1rem;color:#e0e4e8;font-weight:500;margin:1rem;padding:.3rem 1rem}.nav-menu .active,.nav-menu button:hover{color:#ff6500}.certificates{animation:certificatesReveal .5s ease-out both;background-color:#040a12d1;border:1px solid #e0e4e829;border-radius:10px;border-top:2px solid #ff6500;margin-top:2.25rem;padding:1.1rem}.certificates--heading{border-left:2px solid #ff6500b3;margin-bottom:1.1rem;padding-left:.75rem}.certificates--heading h4{font-size:1.2rem;font-weight:500;margin:0;text-align:left}.certificates--heading p{color:#e0e4e89c;font-size:.85rem;margin-top:.35rem}.certificates--grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.certificate-card{animation:certificateCardReveal .45s ease-out both;background-color:#040a12e0;border:1px solid #e0e4e829;border-radius:10px;min-width:0;padding:.7rem}.certificate-card:nth-child(2){animation-delay:.12s}.certificate-card:nth-child(3){animation-delay:.24s}@keyframes certificatesReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes certificateCardReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.certificate-card,.certificates{animation:none}}.certificate-card--content{min-width:0}.certificate-card--content h5{font-size:.9rem;font-weight:600;margin:0}.certificate-card--organization{align-items:center;display:flex;gap:.55rem;margin-bottom:.55rem}.certificate-card--brand-placeholder,.certificate-card--organization img{align-items:center;border-radius:5px;display:flex;flex:0 0 2rem;height:2rem;justify-content:center;object-fit:contain;width:2rem}.certificate-card--brand-placeholder{background:#0b192c;color:#e0e4e8;font-size:.65rem;font-weight:700}.certificate-card--organization h5{font-size:.9rem;font-weight:600;margin:0}.certificate-entry{align-items:flex-start;border-top:1px solid #e0e4e81f;display:flex;gap:.65rem;padding-top:.6rem}.certificate-entry+.certificate-entry{margin-top:.6rem}.certificate-card--content h6{font-size:.9rem;font-weight:600;margin:0}.certificate-card--description{color:#e0e4e8bd;font-size:.7rem;line-height:1.5;margin-top:.35rem}.certificate-card--id,.certificate-card--issued{color:#e0e4e89c;font-size:.65rem;margin-top:.2rem}.certificate-card--id{overflow-wrap:anywhere}.certificate-card--verification{color:#ff8b43;display:inline-block;font-size:.68rem;margin-top:.4rem;text-decoration:none}.certificate-card--verification:hover{color:#ff6500;text-decoration:underline}
/*# sourceMappingURL=main.8d59f77a.css.map*/