@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Niconne&display=swap";:root{--background-color: #161616;--accent-color: #00ff7f;--logo-font: "Arimo", sans-serif;--global-font: "Libre Franklin", sans-serif;--font-color: #fefefe;--font-family: "Arial, sans-serif";--border-radius: 4px;--global-padding: 50px}html{font-size:100%;box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0;font-family:var(--global-font)}body{line-height:1.3;background:var(--background-color);color:var(--font-color)}a,a:visited,a:hover{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;-webkit-tap-highlight-color:transparent}ul{list-style:none}input{border:none;outline:none}* button{border:none;outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.noscroll{overflow:hidden}.cta-button,.secondary-button{font-family:var(--global-font);font-size:14px;color:var(--background-color);text-transform:uppercase;background:var(--accent-color);border:none;padding:15px 27px;cursor:pointer;border-radius:var(--border-radius);transition:all .3s ease;font-weight:500}.cta-button:hover,.secondary-button:hover{transform:translateY(3px)}.secondary-button{background:none;color:var(--font-color);border:1px solid var(--font-color);padding:10px 28px;font-weight:400}.secondary-button:hover{border:1px solid var(--accent-color);transform:none;color:var(--accent-color)}h1{font-size:clamp(2rem,5vw + 1rem,5rem)}h2{font-size:clamp(1.5rem,4vw + 1rem,3.6rem)}p{font-size:clamp(16px,1vw + .5rem,18px)}.span-accent{color:var(--accent-color)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.svg-box-left{position:absolute;height:auto;left:109px;top:10rem;width:29px;animation:float 3s ease-in-out infinite}@media (max-width: 63.9375em){.svg-box-left{top:10rem;width:30px}}.svg-box-right{position:absolute;height:auto;width:60px;top:10rem;right:120px;animation:float 3s ease-in-out infinite}@media (max-width: 63.9375em){.svg-box-right{top:10rem;width:30px}}.arrowdown{animation:float 3s ease-in-out infinite;position:absolute;bottom:2rem}.arrowdown svg{height:auto;color:var(--accent-color);width:2rem}.work,.contact,.header,.skills,.hero{padding-left:clamp(25px,5vw,180px);padding-right:clamp(25px,5vw,180px)}.resume-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.resume-modal .resume-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3}.resume-modal .resume-modal-content{position:relative;background:#181818;border-radius:10px;padding:2rem 1rem 1rem;width:90vw;max-width:800px;height:90vh;box-shadow:0 8px 32px #0006;z-index:1001;display:flex;flex-direction:column}.resume-modal .resume-modal-close{position:absolute;top:0;right:18px;background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;z-index:1002;transition:color .2s}.resume-modal .resume-modal-close:hover{color:var(--accent-color, #ffb400)}.header{display:flex;justify-content:space-between;align-items:center;background-color:var(--background-color);color:var(--font-color);padding-top:20px;padding-bottom:20px;position:absolute;top:0;right:0;left:0;border-bottom:1px solid var(--font-color)}.header .logo h1{font-size:2rem;font-weight:700}.header .hamburger{display:none;flex-direction:column;justify-content:space-between;width:25px;height:20px;cursor:pointer;z-index:3}@media (max-width: 63.9375em){.header .hamburger{display:flex}}.header .hamburger span{display:block;height:3px;background-color:var(--font-color);border-radius:2px;transition:all .3s ease}.header .hamburger.open span:nth-child(2){opacity:0}.header .nav{display:flex}@media (max-width: 63.9375em){.header .nav{display:none}}.header .nav .nav-list{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}.header .nav .nav-list .nav-item{margin-left:20px}.header .nav .nav-list .nav-item .nav-link{color:var(--font-color);font-size:14px;transition:color .1s ease;text-transform:uppercase}.header .nav .nav-list .nav-item .nav-link:hover{color:var(--accent-color)}.header .nav.open{display:block;position:absolute;top:100%;left:0;width:100%;background-color:var(--background-color);padding:20px 0;z-index:9;border:1px solid var(--font-color)}.header .nav.open .nav-list{flex-direction:column;align-items:center}.header .nav.open .nav-list .nav-item{margin:10px 0}.hero{display:flex;background:url(/assets/bg-CRQwLvLQ.png) no-repeat center center/cover;justify-content:center;align-items:center;height:100vh;text-align:center}.hero-content{display:flex;gap:30px;flex-direction:column;align-items:center}.hero-heading{font-weight:500}.hero-description{width:40rem}@media (max-width: 39.9375em){.hero-description{width:85%}}.hero-cta-container{display:flex;gap:1rem;align-items:center}@media (max-width: 63.9375em){.hero-cta-container{flex-direction:column}}.skills{padding-top:40px;padding-bottom:40px;margin-top:4rem;background-color:var(--background-color);color:var(--font-color);text-align:center}.skills .skills-heading{font-weight:500;margin-bottom:10px}.skills .skills-description{margin-bottom:30px;color:var(--font-color)}.skills .skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.skills .skill-item{display:flex;flex-direction:column;align-items:center;background-color:#222;padding:20px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.skills .skill-item:hover{transform:translateY(-5px)}.skills .skill-item .skill-icon{font-size:3rem;margin-bottom:10px}.skills .skill-item .skill-name{font-size:1.2rem;color:var(--font-color)}.work{padding-top:40px;padding-bottom:40px;background-color:var(--background-color);color:var(--font-color)}.work .work-heading{text-align:center;font-weight:500;margin-bottom:40px}.work .work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 63.9375em){.work .work-grid{grid-template-columns:repeat(1,1fr);gap:2rem}}.work .work-item{position:relative;display:flex;flex-direction:column;border-radius:var(--border-radius);transition:transform .3s ease;cursor:pointer}.work .work-item:hover{transform:translateY(-5px)}.work .work-item .live-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius);background:var(--accent-color);color:var(--background-color);border:none;cursor:pointer;text-decoration:none;transition:background .2s ease,transform .15s ease;align-self:flex-start}.work .work-item .live-button:hover{transform:translateY(-2px)}.work .work-item .live-button svg{width:16px;height:16px}.work .work-item .work-image{width:100%;height:auto;border-radius:var(--border-radius);margin-bottom:15px;flex:1;-o-object-fit:cover;object-fit:cover}.work .work-item .work-title{font-size:.9rem;letter-spacing:2px;text-transform:uppercase;color:var(--font-color)}.work .work-item .work-description{font-size:1rem;color:var(--font-color)}.tabs{display:flex;justify-content:flex-end;margin-bottom:40px;gap:2rem}@media (max-width: 63.9375em){.tabs{justify-content:center}}.tabs .tab-button{text-transform:uppercase;background:none;color:var(--font-color);cursor:pointer;transition:all .3s ease;padding:1rem 0}.tabs .tab-button.active{text-decoration:underline;text-underline-offset:10px;text-decoration-color:var(--accent-color);text-decoration-thickness:2px}.skeleton .skeleton-box{background:#222;border-radius:var(--border-radius);animation:pulse 1.2s infinite ease-in-out}.skeleton .work-image.skeleton-box{width:100%;aspect-ratio:4/3;min-height:180px;margin-bottom:15px;display:block}.skeleton .work-title.skeleton-box{height:24px;width:60%;margin:12px auto;border-radius:4px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.title_container{display:flex;align-items:center;gap:10px;margin-bottom:20px;height:2rem}.title_container .title_icon{font-size:1.5rem;color:var(--accent-color)}.title_container .title_text{font-size:1.5rem;font-weight:500;color:var(--font-color)}.contact{padding-top:65px;padding-bottom:65px;height:80vh;color:var(--font-color);color:var(--background-color);background:var(--font-color);margin-top:4rem}.contact .contact-heading{font-weight:500;margin-bottom:10px}.contact .contact-description{margin-bottom:30px;color:var(--background-color)}.contact .contact-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 63.9375em){.contact .contact-list{grid-template-columns:repeat(1,1fr)}}.contact .contact-item{display:flex;align-items:center;padding:10px;transition:transform .3s ease}.contact .contact-item:hover .contact-icon{opacity:.85}.contact .contact-item .contact-icon{font-size:2rem;color:var(--background-color);margin-right:15px}.contact .contact-item .contact-details{text-align:left}.contact .contact-item .contact-details .contact-label{font-size:.8rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:5px;color:var(--background-color)}.contact .contact-item .contact-details .contact-value{font-size:1rem;color:var(--background-color)}