@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400;1,900&display=swap);:root{--color-background:#070722;--color-white:#fff;--color-gray:#bababa;--color-light-gray:#1e1e1e;--color-text:#222;--color-black:#000;--color-active:#eda44a;--color-active-2:#f59116;--border:hsla(0,0%,100%,0.2);--slate:#8892b0;--light-slate:#a8b2d1;--lightest-slate:#ccd6f6;--hover:hsla(0,0%,100%,0.2);--line-color:#dcdcde;--color-project-text:#070722;--border-bottom:1px solid hsla(0,0%,100%,0.12549019607843137);--transition:all 300ms ease-in-out}*,:after,:before{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}ul{list-style:none}body{font-family:"Roboto",sans-serif;background:#070722;background:var(--color-background);color:#fff;color:var(--color-white);line-height:1.7;width:100%;min-height:100%}img{max-width:100%;transform:scale(1);transition:.35s ease-in-out;-webkit-filter:grayscale(100%);filter:grayscale(100%)}img:hover{transform:scale(.95);-webkit-filter:grayscale(0);filter:grayscale(0)}.container{max-width:1100px;margin:0 auto;overflow:hidden;position:relative;width:90%}@media (max-width:768px){.container{width:100%;padding:0 30px}}h2,p{color:#bababa;color:var(--color-gray)}h1,h2,h3,h4,p{font-family:"Poppins",sans-serif}h1,h2,h3,h4,h5,h6{margin:0 0 10px;font-weight:600;color:#ccd6f6;color:var(--lightest-slate);line-height:1.1}.btn{cursor:pointer;background:transparent;border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--border);display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-size:1rem;padding:10px 20px;transition:all .3s ease-in-out;transition:var(--transition)}@media (max-width:768px){.btn{width:-webkit-max-content;width:-moz-max-content;width:max-content;text-align:center}}.btn-one{color:#f59116;color:var(--color-active-2);border:1px solid #f59116;border:1px solid var(--color-active-2)}.btn-one:hover{background:hsla(0,0%,100%,.2);background:var(--hover);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--border)}.btn-one:hover,.btn-two{color:#fff;color:var(--color-white)}.btn-two{border:1px solid #f59116;border:1px solid var(--color-active-2);background:#f59116;background:var(--color-active-2)}.btn-two:hover{color:#fff;color:var(--color-white);border:1px solid #eda44a;border:1px solid var(--color-active);background:#eda44a;background:var(--color-active)}.about{display:grid;grid-template-columns:3fr 2fr;grid-gap:30px;gap:30px}@media (max-width:900px){.about{grid-template-columns:1fr;margin-top:2rem}}.about__title{font-size:clamp(25px,4vw,50px);letter-spacing:.5px;word-spacing:1px}.about__text{max-width:500px;line-height:1.7;font-size:16px;margin:20px 0 30px;letter-spacing:.5px}.about .skills-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:50px;color:#bababa;color:var(--color-gray);align-items:center}.about .skills-list li{display:flex;font-size:13px;letter-spacing:.5px;font-family:"Poppins",sans-serif}.about .skills-list span{display:flex;justify-content:center;align-items:center}.about__img{margin-top:4rem}.about__img img{max-width:90%}@media (max-width:900px){.about__img img{max-width:100%}}.call-to-action{display:flex;justify-content:space-between;align-items:center;min-height:30vh;border-bottom:1px solid transparent}@media (max-width:768px){.call-to-action{flex-direction:column;justify-content:space-evenly;border-bottom:1px solid hsla(0,0%,100%,.12549019607843137);border-bottom:var(--border-bottom);border-top:1px solid hsla(0,0%,100%,.12549019607843137);border-top:var(--border-bottom);margin-top:2rem}}.call-to-action .cta-title{min-width:content;color:#fff;color:var(--color-white);font-size:clamp(22px,4vw,44px);letter-spacing:1px}.cards{margin:50px 0 0}.cards .cards-header{font-size:clamp(40px,5vw,50px);margin-bottom:30px}.cards .card{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));grid-column-gap:2rem}.cards .card .card-container{display:flex;flex-direction:column;height:100%;transition:all .3s ease-in-out}.cards .card .card-container .card-info{margin:20px 0}.cards .card .card-container .card-info .card-title{font-size:20px;margin-bottom:20px;color:#fff;color:var(--color-white)}.cards .card .card-container .card-info .card-desc,.cards .card .card-container .card-info .card-link{margin-bottom:20px}.cards .card .card-container .card-img img:hover{transform:scale(1.05);-webkit-filter:grayscale(0);filter:grayscale(0);overflow:hidden}.contact{margin-top:3rem;display:grid;grid-template-columns:2fr 3fr}@media (max-width:768px){.contact{grid-template-columns:1fr;border-top:1px solid hsla(0,0%,100%,.12549019607843137);border-top:var(--border-bottom);border-bottom:1px solid hsla(0,0%,100%,.12549019607843137);border-bottom:var(--border-bottom)}}.contact__title{color:#fff;color:var(--color-white);font-size:clamp(20px,4vw,40px)}@media (max-width:768px){.contact__title{margin-top:2rem}}.contact .form-control{min-width:60%;margin-top:1rem}@media (max-width:768px){.contact .form-control{margin-bottom:2rem}}.form-input{display:flex;flex-direction:column;grid-gap:10px;gap:10px;margin-bottom:1.5rem;position:relative}.form-input label{font-size:15px;color:#bababa;color:var(--color-gray)}.form-input input{width:100%;height:3rem;border:none;color:#070722;background:#c4c4c4;padding-left:1rem}.form-input input:focus{outline:none;border:1px solid #1f1f1f}.form-input input::-webkit-input-placeholder{font-family:"Poppins",sans-serif;font-size:14px;color:#070722}.form-input input:-ms-input-placeholder{font-family:"Poppins",sans-serif;font-size:14px;color:#070722}.form-input input::placeholder{font-family:"Poppins",sans-serif;font-size:14px;color:#070722}.form-input textarea{padding-left:1rem;padding-top:.5625rem;width:100%;height:96px;background-color:#c4c4c4;border:none}.form-input textarea:focus{outline:none;border:1px solid #1f1f1f}.form-input textarea::-webkit-input-placeholder{font-family:"Poppins",sans-serif;font-size:14px;color:#070722}.form-input textarea:-ms-input-placeholder{font-family:"Poppins",sans-serif;font-size:14px;color:#070722}.form-input textarea::placeholder{font-family:"Poppins",sans-serif;font-size:14px;color:#070722}.contact-details{display:grid;grid-template-columns:2fr 3fr;min-height:30vh;align-items:center}@media (max-width:768px){.contact-details{margin-top:4rem;grid-template-columns:1fr}}.contact-details__title{color:#fff;color:var(--color-white);font-size:clamp(23px,4vw,46px)}.contact-details__description{margin-top:3rem;display:flex;flex-direction:column;grid-gap:20px;gap:20px}.footer{display:flex;justify-content:space-between;align-items:center;min-height:20vh}@media (max-width:768px){.footer{flex-direction:column;justify-content:space-evenly}}.header-container{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;border-bottom:1px solid hsla(0,0%,100%,.12549019607843137)}.hamburger{display:none}@media (max-width:768px){.hamburger{display:block;cursor:pointer;transition:all .3s ease-in-out;transition:var(--transition);z-index:50;position:fixed;right:20px}}.hero{display:flex;justify-content:center;flex-direction:column;align-items:flex-start;min-height:calc(100vh - 60px)}@media (max-width:768px){.hero{border-bottom:1px solid hsla(0,0%,100%,.12549019607843137);border-bottom:var(--border-bottom)}}.hero h1{font-size:Clamp(15px,5vw,16px);font-weight:400;letter-spacing:.3px;margin:0 0 30px 4px;color:#eda44a;color:var(--color-active)}.hero h2{font-size:clamp(20px,4vw,40px);color:var(--white);letter-spacing:.5px;word-spacing:1px;background:radial-gradient(circle farthest-corner at center center,#fff,#eda44a) no-repeat;-webkit-background-clip:text}.hero h2,.hero h3{-webkit-text-fill-color:transparent}.hero h3{margin-top:10px;font-size:clamp(35px,7vw,70px);letter-spacing:1px;background:radial-gradient(circle farthest-corner at center center,#fff,#8892b0) no-repeat;-webkit-background-clip:text}.hero p{max-width:600px;line-height:1.8;font-size:17px;margin:20px 0 50px;letter-spacing:.5px}.logo{text-transform:uppercase;font-size:15px;line-height:1.5;font-weight:700;color:#fff;color:var(--color-white)}.logo span{color:#f59116;color:var(--color-active-2)}nav ul{display:flex}@media (max-width:768px){nav ul{justify-content:space-evenly;width:100%}}nav ul li:not(:last-of-type){margin-right:5rem}@media (max-width:768px){nav ul li:not(:last-of-type){margin-right:2rem}}nav ul a{color:#bababa;color:var(--color-gray);text-transform:uppercase;font-size:15px;line-height:1.5;letter-spacing:.8px;font-weight:500;transition:all .35s}nav ul a:hover{color:#eda44a;color:var(--color-active)}nav ul a.active{color:#f59116;color:var(--color-active-2)}.nav-top{display:block}@media (max-width:768px){.nav-top{display:none}}.nav-fixed{display:none}@media (max-width:768px){.nav-fixed{display:flex;justify-content:center;align-items:center;position:fixed;top:0;bottom:0;right:0;padding:50px 10px;height:50%;width:450px;background-color:#112240;box-shadow:-10px 0 30px -15px rgba(2,12,27,.7);z-index:9;transition:all .25s cubic-bezier(.645,.045,.355,1)}}.nav-fixed ul{list-style:none;display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:80%}.nav-fixed ul li:not(:last-of-type){margin-right:0}.nav-fixed ul a{text-decoration:none;color:#bababa;color:var(--color-gray);text-transform:uppercase;font-size:15px;line-height:1.5;transition:var(--transtion);letter-spacing:.8px;font-weight:500}.nav-fixed ul a:hover{color:#eda44a;color:var(--color-active)}.project-background{margin-top:4rem;display:grid;grid-template-columns:3fr 3fr;grid-gap:50px;gap:50px}@media (max-width:800px){.project-background{grid-template-columns:1fr}}.project-background .project-details__title{color:#fff;color:var(--color-white);font-size:clamp(23px,4vw,46px);margin-bottom:20px}.project-background .project-details__desc,.project-background .project-details__icon{max-width:450px;line-height:1.7;font-size:16px;margin:20px 0;letter-spacing:.5px}.project-background .project-details__icon:hover .git-icon{fill:#eda44a;transition:all .35s ease-in-out}.project-background .project-details__skills{max-width:450px;line-height:1.2;margin:10px 0;letter-spacing:.5px;display:inline-flex;width:30%;align-items:center}.project-background .project-details__skills small{font-size:13px;letter-spacing:.5px;font-family:"Poppins",sans-serif;align-items:center;color:#bababa;color:var(--color-gray)}.project-background .project-image{margin-top:4rem}@media (max-width:768px){.project-background .project-image{margin-top:0}}.project-background .project-image img{transform:scale(1);transition:.3s ease-in-out}.project-background .project-image img img:hover{transform:scale(1.3)}.icons-side{width:5px;position:fixed;bottom:150px;left:40px;right:200px;z-index:10}@media (max-width:1270px){.icons-side{display:none}}@media (max-width:1300px){.icons-side{width:40px}}.icons-side .social-icons{display:flex;flex-direction:column;align-items:center;list-style:none}.icons-side .social-icons .social-link{margin-top:1rem}.icons-side .social-icons .social-link:hover .social-icon{fill:#f59116;transform:translateY(-.8px);transition:all .35s ease-in-out}.icons-bottom{width:25%}@media (max-width:768px){.icons-bottom{width:40%}}.icons-bottom .social-icons{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;transition:all .2s ease-in-out}.icons-bottom .social-icons .social-link:hover .social-icon{fill:#f59116;transition:all .35s ease-in-out}
/*# sourceMappingURL=main.947411cd.chunk.css.map */