@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap);nav{align-items:center;background-color:var(--primary-dark);justify-content:space-between;left:0;padding:1.5rem 3.5rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1}nav,nav ul{display:flex}nav ul{gap:1.9rem}.nav-item,nav ul li{font-weight:var(--normal-font)}.nav-item{cursor:pointer;font-size:var(--small-font-size)}.nav-item,nav a{color:var(--primary-color)}nav a{transition:var(--transition)}nav a:hover{border-bottom:2px solid var(--secondary-color)}.brand-name,nav a:hover{color:var(--primary-color)}.brand-name{cursor:pointer;font-size:20px;font-weight:var(--bolder-font)}.logo-image{border-radius:70px;height:70px;width:70px}.burger-menu{cursor:pointer;display:none;font-size:1.7rem}.active,.burger-menu{color:var(--primary-color)}.active{background-color:var(--btn-color);border-radius:5px;padding:10px}@media screen and (max-width:760px){nav{padding:1.5rem 1rem}nav ul{background-color:var(--primary-dark);flex-direction:column;height:100%;left:3%;position:fixed;text-align:center;top:100px;-webkit-transform:translateX(120%);transform:translateX(120%);transition:-webkit-transform .5s ease-in;transition:transform .5s ease-in;transition:transform .5s ease-in,-webkit-transform .5s ease-in;width:100%}nav ul li{margin:8px}.burger-menu{display:block}nav ul.show{-webkit-transform:translateX(0);transform:translateX(0)}}.about-section{align-items:center;background:var(--primary-dark);display:flex;gap:2.3rem;justify-content:space-evenly;margin:10rem 5rem 20rem;max-width:90%;text-align:center}.about-section img{height:17.5rem;margin-left:15rem;width:17.5rem}.about-header{margin:0 auto;max-width:40rem;padding:60px;text-align:center}.about-header>p{font-size:var(--bold-font-size);padding:.3rem 0;text-align:center}.about-bio,.about-header>p{line-height:var(--line-height)}.about-bio{color:var(--primary-color)}.about-bio span{color:var(--btn-color);font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:30px;font-weight:800}.more-aboutme{margin-top:15rem}.separator{background-color:var(--btn-color);border:none;height:2px;margin:auto auto 5rem;width:70%}.my-image{border:2px solid var(--btn-color);border-radius:10px}.top-text{color:var(--primary-color);margin-bottom:10px}@media screen and (max-width:760px){.about-section{flex-direction:column;gap:0;text-align:center}.about-header{margin-top:-7px;max-width:30rem}.about-section img{height:15.5rem;margin-left:10px;width:15.5rem}}.more-aboutme{background-color:var(--primary-dark);color:var(--bg-color);line-height:var(--line-height);margin:auto;max-width:54rem;padding:20px;text-align:justify}.more-aboutme h1{margin-bottom:15px}.projects-section{margin:0 auto;max-width:70rem;padding:32px 0}.projects-section h1{color:var(--primary-color);font-size:20px;text-align:center}.projects-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:repeat(2,1fr);justify-content:center;padding:40px}.projects-container h2{font-size:var(--bold-font-size);margin-top:20px}.project-card>p,.projects-container h2{color:var(--primary-color);text-align:center}.project-card>p{padding:5px}.project-details{color:var(--primary-color);font-size:var(--normal-font-size);margin-top:15px;text-align:center}.project-image{height:100%;object-fit:contain;width:100%}.image-conatiner>h2{padding:5px}.project-title:hover{color:var(--secondary-color)}.hover img{-webkit-transform:scale(1);transform:scale();transition:.4s ease-in-out}.hover a:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}@media (max-width:760px){.projects-container{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center}.project-details{margin-top:10px}}.skills-heading{color:var(--primary-color);font-size:20px;margin:25px;text-align:center}.skills-section{align-items:center;display:grid;grid-template-columns:repeat(4,1fr);margin:auto;max-width:50rem;padding:10px}.skill-icon,.skills-header-text{text-align:center}.skill-icon{box-shadow:var(--box-shadow);color:var(--primary-color);font-size:60px;margin:5px;padding:10px}.skill-icon>p{font-size:12px}@media (max-width:760px){.skill-icon{font-size:48px}}.form-section{align-items:center;background-color:var(--primary-dark);display:flex;flex-direction:column;justify-content:center;margin-top:5rem;width:100%}.form-header-text{color:var(--primary-color);font-size:20px;margin-bottom:15px;text-align:center}.form-container{box-shadow:var(--box-shadow);margin:auto;padding:20px;width:50%}.form-input{border-radius:5px;font-size:16px;margin:5px 0;outline:none;padding:12px;width:100%}.message{font-size:16px;height:250px;resize:none}.form-submit{text-align:center}.submit-btn{background-color:var(--btn-color);color:var(--primary-color);font-size:16px;font-weight:var(--normal-font);padding:10px;width:100%}.submit-btn:hover{background-color:var(--secondary-color);cursor:pointer;-webkit-transform:var(--transition);transform:var(--transition)}.notification{color:var(--secondary-color);margin-bottom:15px}@media(max-width:760px){.form-container{width:90%}}footer{height:25rem;position:relative}.foot-icon,footer{color:var(--bg-color)}.foot-icon{font-size:40px;margin:auto 10px}.footer-icons{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:760px){.foot-icon{font-size:20px;margin:auto 5px}}*{box-sizing:border-box;list-style:none;margin:0;padding:0;text-decoration:none}body{font-family:Fira Sans,Roboto Condesed,sans-serif}:root{--primary-color:#fff;--bg-color:#fcfcfc;--btn-color:#45b94f;--primary-green:#6fe4b7;--primary-alt:#4756df;--primary-dark:#1b1a1a;--box-shadow:0 3px 7px 0 var(--btn-color);--primary-shadow:#8b8eaf;--secondary-color:#787fbd;--normal-font-size:14px;--bold-font-size:16px;--small-font-size:11px;--normal-font:400;--bold-font:700;--bolder-font:900;--bottom-margin:0.5rem;--bottom-margin-2:1rem;--line-height:1.7rem;--transition:0.3s}html{scroll-behavior:smooth}main{background-color:#1b1a1a;background-color:var(--primary-dark)}
/*# sourceMappingURL=main.720be88f.css.map*/