@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;500;700&display=swap);.about{display:flex;gap:40px;justify-content:space-around;margin:40px 0 0;padding:0}.about-page{color:#fff}.about_me{width:40%}.about_me h2,.about_me hr{color:#fff;width:350px}.about_me hr{background-color:#fff;margin:0}.about-para-one{color:rgba(58,227,172,.83);font-size:17px;margin-top:40px;width:95%}.title{color:#fff;font-size:24px}.about-me2{width:40%}.about-me2 p{color:rgba(58,227,172,.83)}.about-me2 ul{color:#fff;display:flex;flex-direction:column;gap:10px;list-style-type:none;margin:0;padding:0}.cv{align-items:center;display:flex;padding:20px 0}.cv,.cv_button{text-decoration:none}.cv_button{background-color:#24516c;border:none;border-radius:10px;color:#fff;font-size:18px;font-weight:600;height:40px;transition:background-color .3s;width:165px}.cv_button:hover{background-color:#1c3b4f}.cv_button:active{background-color:#0d222f}@media (max-width:768px){.about{display:flex;flex-direction:column}.about-me{gap:0}.about-me,.my-description{display:flex;flex-direction:column;margin:0}.my-description{align-items:center;-webkit-animation:fadeIn 1s ease-in-out;animation:fadeIn 1s ease-in-out;color:#fff;font-size:18px;gap:22px;justify-content:center;padding:0;width:75%}.my-image img{display:none}.about-me2,.about_me{align-items:center;display:flex;flex-direction:column;justify-content:center;width:95%}.about-me2{margin:0;padding-left:14px}.lang-container{margin:0;padding:15px}.buttons{display:flex;flex-wrap:wrap}.language-button{box-sizing:border-box;flex:0 0 50%;margin:4px;max-width:50%;padding:8px}}body{background:linear-gradient(180deg,rgba(0,0,0,.94),#000020);color:#fff;font-family:Poppins,sans-serif;margin:0;padding:0}.navbar-content{color:#fff;display:flex;justify-content:space-between;padding:0 50px}.about-me{align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.94),#000020),url(/Portfolio/static/media/landing-page.480caaeefb73b2e3a365.png) 50% no-repeat;background-size:contain;color:#fff;display:flex;gap:20px;height:100vh;justify-content:center;position:relative}.hire{background-color:#24516c;border:none;border-radius:8px;color:#fff;font-size:22px;height:46px;transition:background-color .3s;width:200px}.hire:hover{background-color:#1c3b4f}.hire:active{background-color:#0d222f}.my-description{align-items:center;-webkit-animation:bounce-in-left 1.1s .3s both;animation:bounce-in-left 1.1s .3s both;color:#fff;display:flex;flex-direction:column;font-size:18px;gap:22px;justify-content:center;margin:0;padding:0;width:75%}@-webkit-keyframes bounce-in-left{0%{opacity:0;-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounce-in-left{0%{opacity:0;-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.my-description p{padding:30px;text-align:center}.my-image{display:flex;justify-content:center;margin:0;padding:0;width:30%}.my-image img{border-radius:10px}.social-icons li a{color:#fff}.new-menu-list{display:flex;gap:30px;list-style-type:none}.new-menu-list li a{color:#fff;text-decoration:none;transition:color .3s}.new-menu-list li a:hover{color:#f90}.new-menu-list li a:active{color:#0c6}.social-icons{align-items:center;display:flex;gap:30px;justify-content:center;list-style-type:none;padding:0}.framework-button,.language-button,.skill-button{border:none;border-radius:25px;font-size:12px;font-weight:700;height:32px;padding:5px;text-align:center;width:182px}.buttons{align-items:center;flex-wrap:wrap;gap:15px}.lang-container{margin-left:35px;padding:20px}.underline{background:#fff;border:none;border-radius:8px;height:3px;margin-bottom:20px;margin-left:0;width:180px}@media (max-width:768px){.my-description p{padding:30px;text-align:center}.overlay{background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;padding-top:110px;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:999}.overlay.open{opacity:1;pointer-events:auto}.menu-links{list-style-type:none;padding:0;text-align:center}.menu-links li{margin-bottom:20px}.menu-links a{color:#fff;display:block;font-size:24px;text-decoration:none}#menuButton{background:#3e3e3e;border:none;border-radius:6px;cursor:pointer;padding:8px;position:fixed;right:3px;top:3px;z-index:1000}.framework-button,.language-button,.skill-button{border:none;border-radius:25px;font-size:12px;font-weight:700;height:32px;padding:5px;text-align:center;width:182px}.menu-toggle{align-items:flex-end;display:flex;flex-direction:column}.menu-icon{cursor:pointer;display:block;height:40px;position:relative;width:45px}.bar1,.bar2,.bar3{background:#333;display:block;height:6px;position:absolute;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;width:100%}.bar1{top:0}.bar2{top:16px}.bar3{top:32px}.open .bar1{-webkit-transform:rotate(-45deg) translate(-5px,6px);transform:rotate(-45deg) translate(-5px,6px)}.open .bar2{opacity:0}.open .bar3{-webkit-transform:rotate(45deg) translate(-5px,-6px);transform:rotate(45deg) translate(-5px,-6px)}.menu-icon span{background:#fff;border-radius:5px;display:block;height:6px;position:absolute;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;width:100%}.menu-icon span:first-child{top:0}.menu-icon span:nth-child(2){top:16px}.menu-icon span:nth-child(3){top:32px}.open span:first-child{-webkit-transform:translateY(16px) rotate(-45deg);transform:translateY(16px) rotate(-45deg)}.open span:nth-child(2){opacity:0}.open span:nth-child(3){-webkit-transform:translateY(-16px) rotate(45deg);transform:translateY(-16px) rotate(45deg)}}#services{display:flex;gap:20px;justify-content:center;margin:0 0 100px;padding:40px 0;width:100%}.service img{width:80px}.service-header{font-size:35px;margin-bottom:60px}.service,.service-header{align-items:center;display:flex;justify-content:center}.service{border:4px solid rgba(58,227,172,.83);border-radius:3px;flex-direction:column;padding:16px;text-align:center;width:28%}@media (max-width:768px){#services{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0;padding-bottom:30px}.service{height:29vh;width:75%}.service img{width:60px}.service h3{margin:1px}}.contact-me{align-items:center;display:flex;flex-direction:column;height:100vh}.contact-me h1{font-size:35px;margin-bottom:0}.contact-me p{font-size:20px;margin:40px 0;text-align:center;width:50%}.contact-me form{align-items:center;display:flex;flex-direction:column;gap:7px;justify-content:center;margin-bottom:75px;width:100%}.contact-me input{font-size:14px;height:28px}.contact-me input,.contact-me textarea{border:none;border-radius:6px;padding:8px;width:50%}.contact-me textarea{font-size:16px;height:75px}.contact-me button{background-color:#24516c;border:none;border-radius:5px;color:#fff;font-size:22px;height:50px;transition:background-color .3s;width:200px}.contact-me button:hover{background-color:#1c3b4f}.contact-me button:active{background-color:#0d222f}@media (max-width:768px){.contact-me p{font-size:20px;width:95%}.contact-me input,.contact-me textarea{width:85%}.contact-me form{gap:13px;margin:0}.contact-me h1{padding-top:100px}}.projects{background:linear-gradient(180deg,#000020,rgba(0,0,0,.94));color:#fff;flex-direction:column;gap:20px;margin:0;padding:80px}.project1,.projects{align-items:center;display:flex;justify-content:center}.project1{border:2px solid #fff;border-radius:4px;gap:10%;height:250px;padding:20px;width:100%}.project1 img{height:auto;width:400px}.project-details,.project-image{display:flex;width:40%}.project-details{flex-direction:column;justify-content:center}.project-details p{font-size:12px}.project2{align-items:center;border:2px solid #fff;border-radius:4px;display:flex;flex-direction:row-reverse;gap:10%;height:250px;justify-content:center;padding:20px;width:100%}.project2 img{height:auto;width:400px;z-index:1}.project-details h3{margin:0;padding:0}.buttons{display:flex;gap:10px}.view-project{border:none;border-radius:8px;height:35px;width:133px}.view-project a{color:#000020;font-size:17px;font-weight:700;text-decoration:none}@media (max-width:768px){.project1,.project2{align-items:center;border:2px solid #fff;border-radius:4px;display:flex;flex-direction:column;gap:3%;height:445px;justify-content:center;padding:20px;width:100%}.project1 img,.project2 img{height:auto;width:220px}.project-image{align-items:center}.project-details,.project-image{display:flex;justify-content:center;width:100%}.project-details{flex-direction:column}}
/*# sourceMappingURL=main.cc9ab236.css.map*/