@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap);:root{--yellow-theme-background-color:#1d1d1d;--yellow-theme-main-color:#ffdd40;--yellow-theme-sub-text-color:#449c57;--yellow-theme-nav-background-color:#181818;--yellow-theme-nav-text-color:#fff;--yellow-theme-main-button-color:#181818;--neon-green:#39ff14}body,body *{color:#39ff14!important;color:var(--neon-green)!important}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}html{font-size:62.5%}body,html{height:100%}body{background:#1d1d1d;background:var(--yellow-theme-background-color)}#root{height:100%}:root{--terminal-green:#0f0;--terminal-bg:#000}body{animation:crtFlicker .15s infinite;background-color:#000;background-color:var(--terminal-bg);color:#0f0;color:var(--terminal-green);font-family:Courier New,monospace;margin:0;overflow:hidden;text-shadow:0 0 5px lime,0 0 10px lime}.App{display:flex;flex-direction:column;height:100vh}.crt-overlay{background-image:repeating-linear-gradient(180deg,#00ff0012,#00ff0012 1px,#0000 0,#0000 3px);z-index:9999}@keyframes crtFlicker{0%,to{opacity:.97}50%{opacity:1}}.App__main-page-content{flex:1 1;overflow:hidden;padding:20px;position:relative}.App__main-page-content::-webkit-scrollbar{width:8px}.App__main-page-content::-webkit-scrollbar-track{background:#111}.App__main-page-content::-webkit-scrollbar-thumb{background:#0f0;background:var(--terminal-green);border-radius:4px}.home{height:100%;justify-content:flex-start;left:0;padding:80px;position:absolute;top:0}.home,.home__text-wrapper{align-items:flex-start;display:flex;flex-direction:column;width:100%}.home__text-wrapper{max-width:900px}.home__contact-me{display:flex;justify-content:center;margin-top:15px}.home__contact-me button{background:#0000;border:1.5px solid #000;border-radius:4px;color:#000;cursor:pointer;font-size:2rem;font-weight:500;padding:10px 70px}.home__contact-me button:hover{background:var(--yellow-theme-main-color);color:#000}.big-typing-text{font-size:6rem;font-weight:700;line-height:1.1}@media only screen and (max-width:768px){.home{padding:60px 30px 30px}.home__text-wrapper h1{font-size:3rem;line-height:5rem}.big-typing-text{font-size:3rem}}@keyframes typingEffectAnimation{0%{width:0}to{width:100%}}.text-type{display:inline-block}.text-type,.text-type__line{white-space:pre-wrap}.text-type__cursor{display:inline-block;margin-left:2px;opacity:1}.text-type__cursor--hidden{opacity:0;visibility:hidden}.portfolio{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;left:0;overflow-y:auto;padding:80px 80px 240px;position:absolute;top:0;width:100%}.portfolio__content{width:100%}.portfolio__content__header{font-size:6rem;font-weight:700;line-height:1.1;margin-bottom:40px}.portfolio__content__filter{align-items:center;display:flex;gap:15px;margin-bottom:40px}.portfolio__content__filter .filter-prompt{font-size:1.5rem;opacity:.8}.portfolio__content__filter button{background:#0000;border:2px solid var(--terminal-green);color:var(--terminal-green);cursor:pointer;font-family:Courier New,Courier,monospace;font-size:1.2rem;padding:8px 20px;transition:background-color .3s ease,color .3s ease}.portfolio__content__filter button.active,.portfolio__content__filter button:hover{background:var(--terminal-green);color:var(--terminal-bg);text-shadow:none!important}.portfolio__content__listing{font-family:Courier New,Courier,monospace;font-size:1.2rem;width:100%}.portfolio__content__listing p{margin-bottom:10px}.portfolio__content__listing .project-item{align-items:center;display:flex;gap:20px;margin-bottom:8px}.portfolio__content__listing .project-item .date,.portfolio__content__listing .project-item .group,.portfolio__content__listing .project-item .owner,.portfolio__content__listing .project-item .permissions{opacity:.7}.portfolio__content__listing .project-item .size{min-width:50px;text-align:right}.portfolio__content__listing .project-item .filename{align-items:center;color:var(--terminal-green);display:flex;font-weight:700;text-decoration:none}.portfolio__content__listing .project-item .filename:hover{text-decoration:underline}.portfolio__content__listing .project-item .filename .click-arrow{animation:move-arrow 1s ease-in-out infinite;display:inline-block;margin-left:15px}@keyframes move-arrow{0%{opacity:.7;transform:translateX(0)}50%{opacity:1;transform:translateX(-5px)}to{opacity:.7;transform:translateX(0)}}@media only screen and (max-width:768px){.portfolio{padding:40px 20px 240px}.portfolio__content__header{font-size:3rem}.portfolio__content__filter{align-items:flex-start;flex-direction:column;gap:10px}.portfolio__content__filter button{width:100%}.portfolio__content__listing{font-size:.9rem}.portfolio__content__listing .project-item{flex-wrap:wrap;gap:10px}.portfolio__content__listing .project-item .filename{width:100%}}.resume{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;left:0;overflow-y:auto;padding:80px 80px 240px;position:absolute;top:0}.resume,.resume__content{width:100%}.resume__content__header{font-size:6rem;font-weight:700;line-height:1.1;margin-bottom:40px}.resume__content__section{margin-bottom:40px}.resume__content__section .section-title{border-bottom:2px solid var(--terminal-green);display:inline-block;font-size:2.5rem;font-weight:700;margin-bottom:20px;padding-bottom:10px}.resume__content__section .resume-item{margin-bottom:25px;padding-left:20px}.resume__content__section .resume-item__title{font-size:1.8rem;font-weight:700;margin-bottom:5px}.resume__content__section .resume-item__subtitle{font-size:1.2rem;font-style:italic;margin-bottom:10px;opacity:.7}.resume__content__section .resume-item__description{font-size:1.2rem;line-height:1.6;opacity:.9}@media only screen and (max-width:768px){.resume{padding:60px 30px 240px}.resume__content__header{font-size:3rem}.resume__content__section .section-title{font-size:1.8rem}.resume__content__section .resume-item{padding-left:10px}.resume__content__section .resume-item__title{font-size:1.2rem}.resume__content__section .resume-item__description,.resume__content__section .resume-item__subtitle{font-size:1rem}}.contact{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;left:0;overflow-y:auto;padding:80px 80px 240px;position:absolute;top:0;width:100%}.contact__content{max-width:800px;width:100%}.contact__content__header{font-size:6rem;font-weight:700;line-height:1.1;margin-bottom:40px}.contact__content__form{width:100%}.contact__content__form__control{margin-bottom:30px}.contact__content__form__control label{display:block;font-size:1.5rem;margin-bottom:10px;opacity:.8}.contact__content__form__control input,.contact__content__form__control textarea{background-color:#0000;border:2px solid var(--terminal-green);box-shadow:0 0 10px #0f03;color:var(--terminal-green);font-family:Courier New,Courier,monospace;font-size:1.2rem;outline:none;padding:10px;transition:box-shadow .3s ease;width:100%}.contact__content__form__control input:focus,.contact__content__form__control textarea:focus{box-shadow:0 0 15px #00ff0080}.contact__content__form__control textarea{resize:vertical}.contact__content__form .submit-button{background:#0000;border:2px solid var(--terminal-green);color:var(--terminal-green);cursor:pointer;font-family:Courier New,Courier,monospace;font-size:1.5rem;font-weight:500;padding:12px 30px;transition:background-color .3s ease,color .3s ease}.contact__content__form .submit-button:hover{background:var(--terminal-green);color:var(--terminal-bg)}@media only screen and (max-width:768px){.contact{padding:60px 30px 240px}.contact__content__header{font-size:3rem}.contact__content__form__control label{font-size:1.2rem}.contact__content__form__control input,.contact__content__form__control textarea{font-size:1rem}.contact__content__form .submit-button{font-size:1.2rem;width:100%}}.about{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;left:0;overflow-y:auto;padding:80px 80px 240px;position:absolute;top:0}.about,.about__content{width:100%}.about__content__header{font-size:6rem;font-weight:700;line-height:1.1;margin-bottom:20px}.about__content__summary{font-size:1.8rem;line-height:1.6;margin-bottom:40px;max-width:800px;opacity:.9}.about__content__details{font-size:1.5rem;line-height:1.8}.about__content__details .detail-item{display:flex;margin-bottom:10px}.about__content__details .detail-item__label{display:inline-block;font-weight:700;min-width:200px}.about__content__details .detail-item__value{opacity:.8}@media only screen and (max-width:768px){.about{padding:60px 30px 240px}.about__content__header{font-size:3rem}.about__content__summary{font-size:1.2rem}.about__content__details{font-size:1rem}.about__content__details .detail-item{flex-direction:column;margin-bottom:15px}.about__content__details .detail-item__label{margin-bottom:5px;min-width:auto}}.skills{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;left:0;overflow-y:auto;padding:80px 80px 240px;position:absolute;top:0}.skills,.skills__content{width:100%}.skills__content__header{font-size:6rem;font-weight:700;line-height:1.1;margin-bottom:40px}.skills__content__categories{grid-gap:60px;display:grid;gap:60px;grid-template-columns:repeat(2,1fr);width:100%}.skills .skill-category__title{border-bottom:2px solid var(--terminal-green);display:inline-block;font-size:2.5rem;font-weight:700;margin-bottom:20px;padding-bottom:10px}.skills .skill-category__list{display:flex;flex-direction:column;gap:15px}.skills .skill-item{grid-gap:20px;align-items:center;display:grid;font-family:Courier New,Courier,monospace;font-size:1.2rem;gap:20px;grid-template-columns:220px 1fr auto}.skills .skill-item__name{font-weight:700}.skills .skill-item__bar{letter-spacing:1px}.skills .skill-item__percentage{font-weight:700;opacity:.8}@media only screen and (max-width:1200px){.skills__content__categories{grid-template-columns:1fr}}@media only screen and (max-width:768px){.skills{padding:40px 20px 240px}.skills__content__header{font-size:3rem}.skills .skill-category__title{font-size:1.8rem}.skills .skill-item{font-size:1rem;gap:5px;grid-template-columns:1fr}.skills .skill-item__bar{order:2}.skills .skill-item__percentage{order:3}}.navbar{background-color:#000;bottom:0;font-family:monospace;height:230px;left:0;position:fixed;width:100%;z-index:999}.navbar,.navbar__container{display:flex;flex-direction:column}.navbar__container{height:100%;justify-content:flex-start;position:relative}.terminal-output{color:lime;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:10px 20px}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:#111}.terminal-output::-webkit-scrollbar-thumb{background:lime;border-radius:4px}.terminal-output::-webkit-scrollbar-thumb:hover{background:#0c0}.terminal-line{align-items:center;color:lime;display:flex;font-size:14px;padding:2px 0;white-space:pre-wrap}.terminal-line span:first-child{margin-right:8px}.terminal-link{background:none;border:none;color:lime;cursor:pointer;display:flex;font-family:monospace;font-size:14px;padding:0;text-align:left;text-decoration:none;width:100%}.terminal-link:hover{background-color:lime;color:#000}.terminal-link:hover span{color:#000!important}.terminal-link .terminal-prefix{color:lime;margin-right:8px}.blinking-cursor{animation:blink 1s step-end infinite;background-color:lime;display:inline-block;font-weight:700;height:16px;margin-left:5px;width:8px}.tab-bar{align-items:center;background-color:#000;color:#ccc;display:flex;flex-shrink:0;font-size:12px;height:40px;padding-left:20px;position:relative;width:100%}.tab-bar span{border-radius:5px;margin-right:20px;opacity:.7;padding:5px 10px}.tab-bar .active-tab{background-color:#1e1e1e;border-bottom:2px solid lime;color:#fff;opacity:1}@keyframes blink{0%,to{background-color:#0000}50%{background-color:lime}}.nav-icon{bottom:10px;color:lime;cursor:pointer;display:none;font-size:24px;position:absolute;right:20px}@media screen and (max-width:768px){.nav-icon{display:block}}.crt-background{animation:flicker 1.5s infinite alternate;background:radial-gradient(circle at center,#0f0 10%,#010 90%);opacity:.12;z-index:-2}.crt-background,.crt-overlay{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.crt-overlay{background-image:repeating-linear-gradient(180deg,#00ff0014,#00ff0014 1px,#0000 0,#0000 3px);mix-blend-mode:overlay;z-index:-1}@keyframes flicker{0%{opacity:.08}to{opacity:.15}}
/*# sourceMappingURL=main.8f61a8ca.css.map*/