@import url(https://fonts.googleapis.com/css2?family=Fira+Code: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}.navbar{align-items:center;background-color:#282c33;color:#fff;display:flex;justify-content:space-between;padding:10px;position:sticky;top:0;z-index:1000}.navbar-logo{display:flex;flex-direction:row;gap:7px;position:relative;right:25%}.navbar-logo h1{font-size:1.1rem;font-weight:700}.navbar-links{display:flex;list-style:none;position:relative;right:30px}.navbar-links li{margin-left:20px}.navbar-links a{color:#fff;font-size:1rem;text-decoration:none;transition:color .3s ease}.navbar-links a:hover,span{color:#48ff91}.link-icons{display:flex;flex-direction:column;justify-content:center;position:absolute}.vertical-line{border-left:2px solid #abb2bf;height:300px;left:20px;position:fixed;top:0}.icons{bottom:-350px;color:#48ff91;display:flex;flex-direction:column;font-size:22px;gap:10px;left:11px;position:absolute}.icons a{color:#48ff91;font-size:23px}.menu-icon{cursor:pointer;display:none;font-size:1.5rem;z-index:1100}.menu-icon div{background-color:#fff;height:3px;margin:5px 0;transition:.4s;width:25px}.menu-icon.open .bar1{transform:rotate(-45deg) translate(-5px,6px)}.menu-icon.open .bar2{opacity:0}.menu-icon.open .bar3{transform:rotate(45deg) translate(-5px,-6px)}@media (max-width:768px){.navbar{align-items:center;background-color:#282c33;color:#fff;display:flex;justify-content:space-between;padding:10px 20px;position:fixed;top:0;width:90%;z-index:1000}.navbar-logo{position:relative;right:30%}.navbar-links{align-items:center;background-color:#282c33;display:none;flex-direction:column;height:calc(100vh - 60px);justify-content:center;position:absolute;right:0;text-align:left;top:70px;transform:translateY(-100%);transition:transform .3s ease-in-out;width:100%}.navbar-links.active{display:flex;transform:translateY(0)}.navbar-links li{margin:20px 0;position:relative;top:-80px}.menu-icon{display:block}.navbar-links a{color:#fff;font-size:27px;text-decoration:none;transition:color .3s ease}.icons,.vertical-line{display:none}}.hero-section{align-items:center;color:#fff;display:flex;justify-content:center}section{margin:0 auto;max-width:1200px;padding:60px 25px}section h2{color:#333;font-size:2.5rem;margin-bottom:30px;transition:color .3s ease}section p{font-size:1.1rem;line-height:1.7;margin-bottom:20px}.skills ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none}.skills li{border-radius:25px;color:#abb2bf;font-size:1rem;margin:10px;padding:10px 20px;transition:transform .3s ease}.home-content{align-content:center;align-items:center;display:flex;flex-direction:row;gap:80px;justify-content:center}.main-text{display:flex;flex-direction:column;margin-bottom:20px}.main-text h1{font-size:35px;font-weight:600}.main-img{position:sticky;z-index:900}.pic-logo{bottom:280px;left:59%;position:absolute}.hero-text{color:#abb2bf;font-size:16px;font-weight:400;margin-bottom:10px}.hero-contact{background:#282c33;border:1px solid #48ff91;color:#fff;font-family:fira code;height:37px;margin-top:20px;padding:8px 16px;width:138px}.text-under{background:#282c33;border:1px solid #abb2bf;bottom:5px;color:#abb2bf;display:flex;flex-direction:row;gap:8px;left:26px;padding:8px;position:relative;width:389px;z-index:950}.under-pic{color:#fff}.small-box{background:#48ff91;height:16px;margin-top:3px;width:16px}.view-more-container{bottom:-40px;gap:20%;justify-content:center}.about-more-container,.view-more-container{align-content:center;align-items:center;display:flex;flex-direction:row;position:relative}.about-more-container{bottom:-80px;right:-30px;text-align:left}.about-area{color:#fff;font-size:32px;font-weight:500}.skill-more-container{align-content:center;align-items:center;display:flex;flex-direction:row;gap:21%;justify-content:center;position:relative}.horizontal-line,.horizontal-line4{border-top:2px solid #48ff91;width:500px}.projects-area{color:#fff;font-size:32px;font-weight:500}.view-more-left{align-items:center;display:flex;flex-direction:row;gap:7px}.view-more-link{color:#fff;text-decoration:none}.skills{border-radius:8px;margin-top:2rem}.skill-category1{border:1px solid #abb2bf}.skill-category1 h3{color:#fff;font-size:1.1rem;margin-bottom:.5rem;padding-bottom:.5rem;padding-left:20px}.skill-category1 ul{list-style:none;margin:0;padding:0}.skill-category1 ul li{color:#e0e0e0;font-size:.9rem;margin-bottom:.3rem;padding:.3rem .6rem}.horizontal-line2{border-top:1px solid #abb2bf;position:relative;width:235px}.about-text p{font-size:16px}.contact-section{display:flex;flex-direction:row;gap:10%;justify-content:center}.contact-p p{color:#abb2bf;text-align:left}.contact-card{border:1px solid #abb2bf;color:#abb2bf;height:300px;padding:20px;width:47%}.contact-card-link{align-content:center;align-items:center;display:flex;flex-direction:row;gap:14px}.contact-icons{font-size:30px}.contact-head{font-size:1.7rem;left:-37%;position:relative}@media (max-width:768px){.home-content{display:flex;flex-direction:column}.main-text{align-content:center;align-items:center;display:flex;justify-content:center}.main-text h1{font-size:26px}.hero-text{font-size:19px}.hero-contact{display:none}.text-under{left:0;padding:10px;width:auto}.view-more-container{flex-direction:row}.projects-area{font-size:28px}.horizontal-line{width:100%}.skills-grid{grid-template-columns:1fr;padding:10px}.skills h2{font-size:1.8rem}.contact form{width:90%}.contact button{width:100%}.about-content{align-content:center;display:flex;flex-direction:column;justify-content:center}.main-img{position:sticky;width:100%;z-index:900}.skills-container{margin-bottom:20px;padding-bottom:20px}.horizontal-line4{display:none}.contact-section{display:flex;flex-direction:column}.contact-card{height:347px;margin:5px auto;width:80%}.contact-card-link{align-content:center;align-items:center;display:flex;flex-direction:row;gap:14px}.contact-card-link p{font-size:16px}.contact-icons{font-size:30px}.contact-head{bottom:-40px;font-size:32px;left:-15%;position:relative}}.projects{background-color:#282c33;color:#333;padding:50px 20px;text-align:center}.projects h2{color:#fff;font-size:2.5rem;margin-bottom:40px}.project-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.project-card{background-color:#282c33;border:1px solid #abb2bf;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-10px)}.project-card h3{font-size:1.5rem;margin-bottom:10px}.project-card p{font-size:1rem;line-height:1.4}.project-image{height:201px;width:100%}.stack{align-items:center;border-left:1px solid #abb2bf;border-right:1px solid #abb2bf;border-color:#abb2bf currentcolor;border-style:solid;border-width:1px 0;bottom:4.5px;display:flex;height:37px;padding-left:6px;position:relative;width:312px}.project-desc,.stack{color:#abb2bf;text-align:left}.project-desc{padding:12px}.project-desc p{font-size:16px;font-weight:400px}.project-title{color:#fff;font-size:24px;font-weight:500}.project-btn{background:#282c33;border:1px solid #48ff91;color:#fff;font-family:fira code;height:37px;padding-bottom:7px;width:109px}.project-icon{font-size:20px;position:relative;top:5px}@media (max-width:768px){.projects{background-color:#282c33;color:#333;padding:50px 20px;text-align:center}}.skills{color:#e0e0e0}.skills h2{color:#f5f5f5;font-size:2rem;margin-bottom:1.5rem;text-align:center}.skills-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1000px}.skill-category{border:1px solid #abb2bf}.skill-category-title{color:#fff;font-size:1.2rem;margin-bottom:.5rem;padding-bottom:.5rem;padding-left:20px}.skill-items{display:flex;flex-wrap:wrap;gap:.5rem}.skill-item{color:#abb2bf;font-size:.9rem;margin-top:20px;padding:.3rem .6rem;white-space:nowrap}.horizontal-line3{border-top:1px solid #abb2bf;position:relative;width:235px}.about{background-color:#282c33;color:#fff;padding:50px 20px;text-align:center}.about h2{color:#fff;font-size:2.5rem;margin-bottom:20px}.about-content{align-content:center;display:flex;flex-direction:row;gap:20%;justify-content:center}.about-text{align-items:center;display:flex}.about-text p{color:#abb2bf;font-size:18px;font-weight:400;line-height:26px;text-align:left;width:550px}@media (max-width:768px){.about-content{align-content:center;display:flex;flex-direction:column;justify-content:center}}.contact{background-color:#282c33;color:#fff;padding:50px 20px;text-align:center}.contact h2{color:#fff;font-size:2.5rem;margin-bottom:30px}.contact form{align-items:center;display:flex;flex-direction:column}.contact input,.contact textarea{border:none;border-radius:5px;margin:10px 0;padding:10px;width:300px}.contact button{background-color:#333;border:none;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.contact button:hover{background-color:#f39c12}.footer{background-color:#282c33;border-top:1px solid #abb2bf;bottom:0;color:#fff;padding:20px 0;position:relative;text-align:center;width:100%}.footer p{font-size:1rem;margin:0}html{scroll-behavior:smooth}body{background:#282c33;color:#fff;font-family:fira code}
/*# sourceMappingURL=main.1ca7ef0e.css.map*/