@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Teko:wght@300..700&display=swap);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}.App{overflow-x:hidden;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}::selection{background-color:#f34343;color:#fff9e1}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{align-items:center;background-color:#1d1919;color:#fff9e1;display:flex;justify-content:space-between;padding:1rem;position:sticky;top:0;-webkit-user-select:none;user-select:none;z-index:999}.logo-container{flex-shrink:0}.logo{height:auto;margin-left:2rem;width:50px}.nav-links ul{display:flex;gap:2rem;list-style-type:none;margin-right:2rem}.nav-links a{color:#fff9e1;font-family:Poppins,sans-serif;font-size:1.2rem;text-decoration:none;transition:color .3s,font-weight .3s}.nav-links a:hover{color:#f34343;font-weight:700}.hamburger{cursor:pointer;display:none}.bar{background-color:#fff9e1;height:3px;margin:4px;transition:all .3s;width:25px}@media (max-width:768px){.nav-links ul{align-items:center;background-color:#1d1919;display:none;flex-direction:column;padding:2rem;position:absolute;right:0;top:100%;width:100%}.nav-links.open ul{display:flex}.nav-links ul li{margin:1rem 0}.hamburger{display:block}.bar.open:first-child{transform:rotate(45deg) translateY(8px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(-45deg) translateY(-8px)}}.home-section{background-color:#1d1919;color:#fff9e1;max-width:100%;padding:3rem 10rem}.home-title{text-align:center;-webkit-user-select:none;user-select:none}.home-title h1{color:#fff9e1;font-family:Teko,sans-serif;font-size:48px;font-weight:400;margin-bottom:1rem;text-align:left}.divider{width:100%}.home-section h1{font-family:Teko,sans-serif;font-size:48px;font-weight:400;margin-bottom:1rem;text-align:left}.home,.home-section h1{-webkit-user-select:none;user-select:none}.home{background-color:#fff9e1;border:none;height:1px;margin-bottom:2rem;width:100%}.home-container{align-items:center;display:flex;gap:2rem;justify-content:space-between;padding:1rem 5rem}.home-image{flex-basis:45%;-webkit-user-select:none;user-select:none}.profile-img{border-radius:12px;height:600px;width:auto}.home-description{flex-basis:50%}.home-description h2{font-family:Teko,sans-serif;font-size:48px;font-weight:400;margin-bottom:1rem;text-align:left}.a-description{font-size:1.125rem;font-weight:300;line-height:1.6;margin-bottom:2rem;text-align:left}.roles{color:#fff9e1;font-family:Teko,sans-serif;font-size:1.5rem;font-weight:200;margin-bottom:1.5rem;text-align:left}.home-buttons{display:flex;gap:1rem}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:color .3s}.btn-projects{background-color:#f34343;color:#fff9e1}.btn-contact{background-color:#661f1f33;border:2px solid #f34343;color:#fff9e1}.btn:hover{background-color:#fff9e1;color:#f34343;transition:color .3s}.btn a,.btn a:active,.btn a:visited{color:#fff9e1;text-decoration:none}.btn a:hover{color:#f34343}@media (min-width:1200px){.home-container{padding:1rem 10rem}.home-title{padding:0 5rem}.home-description h2{font-size:64px}.roles{margin-top:-1.75rem}.a-description{font-size:20px}.profile-img{border-radius:12px;height:550px;width:auto}}@media (max-width:1199px){.home-section{padding:2rem 5rem}.home-container{flex-direction:row;padding:4rem}.home-title{padding:0 5rem}.home-description h2{font-size:48px}.roles{margin-top:-1.75rem}.a-description{font-size:18px}.btn{padding:.75rem 1.25rem}.profile-img{border-radius:12px;height:500px;width:auto}}@media (max-width:768px){.home-section{padding:2rem 5rem}.home-section h1{font-size:36px;text-align:center}.home-title{padding:0 5rem;text-align:center}.home-container{flex-direction:column;padding:1rem;text-align:center}.home-description,.home-image{flex-basis:100%;padding:1.5rem}.profile-img{height:400;margin-bottom:1rem;width:auto}.home-description h2{font-size:36px;text-align:center}.roles{font-size:1.25rem;margin-top:-1rem;text-align:center}.a-description{font-size:16px;text-align:center}.home-buttons{gap:.75rem}.btn{width:50%}}@media (max-width:480px){.home-section h1{font-size:1.8rem;text-align:center}.home-title{padding:0 5rem;text-align:center}.home-container{flex-direction:column;padding:.5rem;text-align:center}.home-description,.home-image{flex-basis:100%}.profile-img{height:300px;width:auto}.home-description h2{font-size:2rem;text-align:center}.roles{font-size:1.25rem;margin-top:-1rem;text-align:center}.a-description{font-size:.8rem;text-align:center}.home-buttons{align-items:center;display:flex;flex-direction:column;gap:.75rem}.btn{width:100%}}.skills-section{background-color:#1d1919;font-family:Poppins,sans-serif;padding:3rem}.skills-title{margin-bottom:2rem;text-align:center;-webkit-user-select:none;user-select:none}.skills-title h1{color:#fff9e1;font-family:Teko,sans-serif;font-size:48px;font-weight:400;margin-bottom:1rem;text-align:left}.divider{background-color:#fff9e1;border:none;height:1px;margin-bottom:2rem}.skills-container{color:#fff9e1;margin:0 auto;max-width:1200px;text-align:center}.skills-boxes{display:flex;justify-content:space-around;margin-bottom:50px;padding:2rem}.skill-box{background-color:#661f1f33;border:2px solid #f34343;border-radius:8px;padding:1rem;text-align:left;width:25%}.skill-box h2{font-family:Teko,sans-serif;font-size:2rem;font-weight:400;margin-bottom:10px}.skill-box p{font-size:1rem;line-height:1.6}.skills-icons{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:20px}.icon{align-items:center;display:flex;filter:grayscale(100%);flex-direction:column;margin:15px;transition:filter .4s ease,transform .4s ease}.icon:hover{filter:grayscale(0);transform:scale(1.05)}.icon-svg{fill:#f34343;height:50px;margin-bottom:-1rem;width:50px}.icon p{color:#f34343;font-size:1rem}@media (max-width:1199px){.skills-section h1{font-size:48px;text-align:center}.skills-boxes{padding:2rem}}@media (max-width:768px){.skills-section h1{font-size:36px;text-align:center}.skills-boxes{align-items:center;flex-direction:column}.skill-box{margin-bottom:20px;width:80%}.skills-title h1{font-size:2rem;text-align:center}.skill-box h2{font-size:1.3rem}.skill-box p{font-size:.9rem}.icon img{height:40px;width:40px}.icon p{font-size:.9rem}}@media (max-width:480px){.skills-title{font-size:1rem;text-align:center}.skills-section h1{font-size:36px;text-align:center}.skills-boxes{padding:1rem}.skill-box h2{font-size:1rem}.skill-box p{font-size:.8rem}.icon img{height:35px;width:35px}.icon p{font-size:.8rem}}.projects-section{background-color:#1d1919;font-family:Poppins,sans-serif;padding:3rem 10rem}.project-title{margin-bottom:2rem;text-align:center;-webkit-user-select:none;user-select:none}.project-title h1{color:#fff9e1;font-family:Teko,sans-serif;font-size:48px;font-weight:400;margin-bottom:1rem;text-align:left}.projects-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.projects-top{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr}.project-card{grid-gap:3rem;align-items:center;border-radius:12px;display:grid;gap:3rem;grid-template-columns:1fr 1fr;padding:7rem 5rem;transition:transform .3s ease}.project-info{padding:2rem;text-align:left}.project-card-title{color:#fff9e1;font-size:2rem;font-weight:650;margin-bottom:1rem;text-align:left}.project-description{color:#fff9e1;font-size:.95rem;line-height:1.6;margin-top:1rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tags span{border-radius:50px;color:#fff9e180;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.project-link{color:#f34343;font-size:small;text-align:right;text-decoration:none}.project-img{border-radius:10px;filter:grayscale(100%);transition:filter .6s ease,transform .6s ease;width:100%}.project-img.active{filter:grayscale(0);transform:scale(1.03)}.case-study-btn{align-items:center;background-color:initial;border:none;color:inherit;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:8px 14px;text-decoration:none}@media (max-width:1199px){.projects-section{padding:2rem 5rem}.project-title h1{font-size:36px;text-align:center}}@media (max-width:900px){.projects-section{padding:1.5rem}.project-card{grid-template-columns:1fr;text-align:center}.project-info{text-align:left}}@media (max-width:480px){.projects-section{padding:1.5rem}.project-info{text-align:left}.project-title h1{font-size:1.5rem}.project-tags span{font-size:.75rem;padding:.35rem .8rem}}.contact-section{background-color:#1d1919;color:#fff9e1;max-width:100%;padding:3rem 10rem}.contact-section h1{font-family:Teko,sans-serif;font-size:48px;font-weight:400;margin-bottom:1rem;text-align:left;-webkit-user-select:none;user-select:none}.contact-container{align-items:center;display:flex;flex:1 1;gap:2rem;justify-content:space-between}.contact-image{flex-basis:45%;text-align:center;-webkit-user-select:none;user-select:none}.con-img{height:auto;width:auto}.contact-label{align-items:center;font-size:2rem}.contact-text{align-items:center;display:flex;flex-basis:50%;flex-direction:column;text-align:center}.contact-title{margin-bottom:2rem;text-align:center;-webkit-user-select:none;user-select:none}.contact-title h1{color:#fff9e1;font-family:Teko,sans-serif;font-size:48px;font-weight:400;margin-bottom:1rem;text-align:left}.highlighted-text{color:#f34343}.contact-social{font-family:Poppins,sans-serif;font-weight:300;list-style-type:none;margin:0;padding:0}.social-item{align-items:center;display:flex;gap:1rem;margin-bottom:2rem;text-align:center}.social-item,.social-item:hover{transition:color .4s,padding .4s,border .5s}.social-item:hover{background-color:#661f1f33;border:2px solid #f34343;border-radius:8px;cursor:pointer;padding:1rem}.social-item svg{fill:#f34343;height:24px;width:24px}.social-item p{font-family:Poppins,sans-serif;font-size:18px;margin:0}.social-item a{color:#fff9e1}.social-item :hover,.social-item a{cursor:pointer;text-decoration:none}.social-item :hover{color:#f34343}.footer{border-radius:8px;bottom:0;color:#fff9e1;left:0;margin:0;overflow:hidden;padding-top:1rem;text-align:center;width:100%}.footer p{font-size:.6rem;margin:0}@media (min-width:1200px){.contact-container{padding:2rem 10rem}.contact-text{align-items:center;display:flex;flex-direction:column}.contact-title{font-size:48px;text-align:center}.con-img{max-width:400px}}@media (max-width:1199px){.contact-section{padding:2rem}.contact-container{flex-direction:row;padding:1rem 3rem}.contact-title h1{font-size:2rem;text-align:center}.social-item p{font-size:1rem}.con-img{max-width:300px}}@media (max-width:768px){.contact-section{padding:2rem 5rem}.contact-container{flex-direction:column;padding:1rem;text-align:center}.contact-title h1{font-size:2rem;text-align:center}.contact-text{flex-basis:100%}.contact-text h2{font-size:2rem}.contact-text p{font-size:.8rem}.contact-image{flex-basis:100%;margin-bottom:1.5rem}.con-img{max-width:250px}.social-item{justify-content:center}}@media (max-width:480px){.contact-section h1{font-size:28px;text-align:center}.contact-title{padding:1.5rem;text-align:center}.contact-container{flex-direction:column;padding:1rem;text-align:center}.contact-image,.contact-text{flex-basis:100%}.con-img{height:auto;margin-bottom:1rem;width:100%}.contact-text h2{font-size:28px;padding:0 1rem;text-align:center}.contact-social{padding:0}.social p{font-size:14px}}.kilowhatt-section{background-color:#1d1919;font-family:Poppins,sans-serif;padding:3rem 20rem}.back-btn{color:#f34343;text-decoration:none}.cover-img{border-radius:10px;margin:2rem 0;width:100%}.title{margin-bottom:2rem;-webkit-user-select:none;user-select:none}.title,.title h1{text-align:center}.title h1{font-size:2rem;font-weight:650;margin:3rem 0}.kilowhatt-section,.title h1{color:#fff9e1}.kilo-description{line-height:2rem;padding-bottom:.5rem}.kilo-description span{font-weight:700}.wireframe img{border-radius:10px;margin-bottom:5rem;width:100%}.top,.top a{color:#f34343;text-align:right;text-decoration:none}@media (max-width:1199px){.kilowhatt-section{padding:2rem 5rem}.project-title h1{font-size:36px;text-align:center}}@media (max-width:900px){.kilowhatt-section{padding:5rem}}@media (max-width:480px){.kilowhatt-section{padding:1.5rem}}
/*# sourceMappingURL=main.528aa226.css.map*/