@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;500;600;700&display=swap);*{box-sizing:border-box;font-family:Quicksand,sans-serif;margin:0;padding:0}body{background-color:#151515}html{scroll-behavior:smooth}.about_section{display:flex;margin:0 auto;padding:6rem}@media only screen and (max-width:1080px){.about_section{padding:3rem}}.about_section .about_container{margin:0 auto}@media screen and (min-width:1500px){.about_section .about_container{max-width:1400px}}.about_section .about_container h3{color:#fff;font-size:3.2rem;margin:1rem 0;text-align:center}@media screen and (max-width:1080px){.about_section .about_container h3{font-size:2.8rem}}@media screen and (max-width:768px){.about_section .about_container h3{font-size:2.4rem}}@media screen and (max-width:480px){.about_section .about_container h3{font-size:1.6rem}}.about_section .about_container h3 span{color:#04e368}.about_section .about_container p{color:#fff;font-size:1.2rem;line-height:2;max-width:700px;text-align:center}@media only screen and (max-width:768px){.about_section .about_container p{font-size:1rem;max-width:500px}}@media only screen and (max-width:468px){.about_section .about_container p{font-size:.9rem}}.about_section .about_container .about_socials{display:flex;gap:2rem;justify-content:center;margin:1rem 0}.about_section .about_container .about_socials a{color:#04e368;font-size:2.5rem;text-decoration:none}@media only screen and (max-width:768px){.about_section .about_container .about_socials a{font-size:2rem}}.about_section .about_container .about_socials a:hover{opacity:.8;transition:.3s}.contact .contact_section{margin:0 auto;padding:6rem}@media only screen and (max-width:1080px){.contact .contact_section{padding:3rem}}@media screen and (min-width:1500px){.contact .contact_section{max-width:1400px}}.contact .contact_section .contact_title{color:#fff;font-size:3.2rem;text-align:center}@media screen and (max-width:1080px){.contact .contact_section .contact_title{font-size:2.8rem}}@media screen and (max-width:768px){.contact .contact_section .contact_title{font-size:2.4rem}}@media screen and (max-width:480px){.contact .contact_section .contact_title{font-size:1.6rem}}.contact .contact_section .contact_content{display:flex;gap:5rem;justify-content:center;margin:2rem 0;padding:2rem}@media screen and (max-width:1080px){.contact .contact_section .contact_content{flex-direction:column}}.contact .contact_section .contact_content .contact_details{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center}.contact .contact_section .contact_content .contact_details .details{border-bottom:2px solid #fff;border-radius:4px;color:#fff;display:flex;gap:1rem;padding:.8rem;text-decoration:none;width:200px}.contact .contact_section .contact_content .contact_details .details:hover{border-bottom:2px solid #04e368;-webkit-transform:translateY(-2px);transform:translateY(-2px);transition:.3s}.contact .contact_section .contact_content .contact_details .details .icon{color:#04e368;font-size:1.3rem}.contact .contact_section .contact_content .contact_details .details span{font-size:1.2rem}.footer_section{color:#fff;padding:1.5rem}.footer_section .footer_content{margin:0 auto;max-width:1400px}.footer_section .footer_content p{font-size:1rem;letter-spacing:5px;text-align:center}@media only screen and (max-width:468px){.footer_section .footer_content p{font-size:.8rem;letter-spacing:3px}}.hero-section{margin:0 auto;padding:6rem}@media only screen and (max-width:1080px){.hero-section{padding:3rem}}.hero-section .hero-container{align-items:center;display:flex;gap:4rem;justify-content:center;margin:0 auto}@media only screen and (min-width:1500px){.hero-section .hero-container{max-width:1400px}}@media only screen and (max-width:1080px){.hero-section .hero-container{flex-direction:column}}.hero-section .hero-container .hero-left{color:#fff;display:flex;flex-direction:column;gap:1rem}@media only screen and (max-width:1080px){.hero-section .hero-container .hero-left{align-items:center}.hero-section .hero-container .hero-left .hero_text{text-align:center}}.hero-section .hero-container .hero-left .hero_text .title{font-size:2.8rem}@media only screen and (max-width:1080px){.hero-section .hero-container .hero-left .hero_text .title{font-size:2.2rem}}@media only screen and (max-width:468px){.hero-section .hero-container .hero-left .hero_text .title{font-size:1.7rem}}.hero-section .hero-container .hero-left .hero_text .sub_title{font-size:1.4rem;margin-top:.4rem}@media only screen and (max-width:1080px){.hero-section .hero-container .hero-left .hero_text .sub_title{font-size:1.1rem}}@media only screen and (max-width:480px){.hero-section .hero-container .hero-left .hero_text .sub_title{font-size:.9rem}}.hero-section .hero-container .hero-left .hero_button{display:flex;gap:1.2rem}@media only screen and (max-width:1080px){.hero-section .hero-container .hero-left .hero_button{flex-direction:column;gap:.5rem}}.hero-section .hero-container .hero-left .hero_button a .read_more{background-color:transparent;border:2px solid #04e368;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;margin-top:5%;padding:.8rem;text-align:center;text-decoration:none;width:140px}@media only screen and (max-width:1080px){.hero-section .hero-container .hero-left .hero_button a .read_more{padding:.8rem}}@media only screen and (max-width:480px){.hero-section .hero-container .hero-left .hero_button a .read_more{width:130px}}.hero-section .hero-container .hero-left .hero_button a .read_more:hover{border:2px solid #fff;color:#04e368;transition:.3s}.hero-section .hero-container .hero-left .hero_button a .download{background-color:#04e368;border:2px solid #04e368;border-radius:4px;color:#151515;cursor:pointer;font-size:.9rem;font-weight:700;margin-top:5%;padding:.8rem;text-align:center;text-decoration:none;width:140px}@media only screen and (max-width:1080px){.hero-section .hero-container .hero-left .hero_button a .download{padding:.8rem}}@media only screen and (max-width:480px){.hero-section .hero-container .hero-left .hero_button a .download{width:130px}}.hero-section .hero-container .hero-left .hero_button a .download:hover{background-color:#fff;border:2px solid #fff;transition:.3s}.hero-section .hero-container .hero-right img{border-radius:50%;-webkit-filter:grayscale(100%);filter:grayscale(100%);height:450px;width:450px}@media only screen and (max-width:1080px){.hero-section .hero-container .hero-right img{height:350px;width:350px}}@media only screen and (max-width:468px){.hero-section .hero-container .hero-right img{height:250px;width:250px}}.navbar{background-color:#151515}.navbar .navbar_container{display:flex;height:80px;justify-content:space-between;margin:0 auto;padding:1.5rem 3rem;position:relative}@media screen and (min-width:1500px){.navbar .navbar_container{max-width:1400px}}.navbar .navbar_container .navbar_logo{color:#fff;cursor:pointer;font-size:1.8rem;text-decoration:none}.navbar .navbar_container .navbar_logo h5 span{color:#04e368}.navbar .navbar_container .navlist{display:flex;font-size:1.1rem;gap:5rem;list-style:none;transition:.3s;z-index:2}@media screen and (max-width:1080px){.navbar .navbar_container .navlist{flex-direction:column;padding:2rem;position:absolute;right:100%;text-align:center;top:80%;width:100%}}.navbar .navbar_container .navlist li a{color:#fff;cursor:pointer;text-decoration:none}.navbar .navbar_container .navlist li a:hover{color:#04e368;transition:.3s}.navbar .navbar_container .navlist .contact_button a{background-color:#fff;border-radius:4px;color:#151515;cursor:pointer;font-size:.9rem;font-weight:700;margin-top:5%;padding:.8rem;text-align:center;text-decoration:none;width:140px}@media only screen and (max-width:1080px){.navbar .navbar_container .navlist .contact_button a{padding:.8rem}}@media only screen and (max-width:480px){.navbar .navbar_container .navlist .contact_button a{width:130px}}.navbar .navbar_container .navlist .contact_button a:hover{background-color:#04e368;transition:.3s}.navbar .navbar_container .navlist.active{background-color:#151515;right:0;transition:all .3s}.navbar .navbar_container .hamburger{color:#fff;cursor:pointer;font-size:1.8rem}@media screen and (min-width:1080px){.navbar .navbar_container .hamburger{display:none}}.portfolio_section{margin:0 auto;padding:6rem}@media only screen and (max-width:1080px){.portfolio_section{padding:3rem}}.portfolio_section .portfolio-title{color:#fff;font-size:3.2rem;text-align:center}@media screen and (max-width:1080px){.portfolio_section .portfolio-title{font-size:2.8rem}}@media screen and (max-width:768px){.portfolio_section .portfolio-title{font-size:2.4rem}}@media screen and (max-width:480px){.portfolio_section .portfolio-title{font-size:1.6rem}}.portfolio_section .portfolio_list{align-items:center;display:flex;gap:2rem;justify-content:center;margin:3rem 0}@media only screen and (max-width:1080px){.portfolio_section .portfolio_list{flex-direction:column}}.portfolio_section .portfolio_list .portfolio_item{align-items:center;border-radius:4px;display:flex;flex-direction:column;padding:1rem}.portfolio_section .portfolio_list .portfolio_item .portfolio_img{height:200px;width:350px}.portfolio_section .portfolio_list .portfolio_item .portfolio_img img{border-radius:4px;height:100%;object-fit:cover;width:100%}@media only screen and (max-width:1080px){.portfolio_section .portfolio_list .portfolio_item .portfolio_img{height:100px;width:250px}}@media only screen and (max-width:480px){.portfolio_section .portfolio_list .portfolio_item .portfolio_img{width:200px;width:50px}}.portfolio_section .portfolio_list .portfolio_item .portfolio_text{color:#fff;display:flex;flex-direction:column;gap:.3rem;margin:1rem 0;text-align:center}@media only screen and (max-width:960px){.portfolio_section .portfolio_list .portfolio_item .portfolio_text h2{font-size:1rem}.portfolio_section .portfolio_list .portfolio_item .portfolio_text p{font-size:.9rem}}@media only screen and (max-width:468px){.portfolio_section .portfolio_list .portfolio_item .portfolio_text p{font-size:.7rem}}.portfolio_section .portfolio_list .portfolio_item .portfolio_buttons{display:flex;gap:1rem;justify-content:space-between}@media only screen and (max-width:1080px){.portfolio_section .portfolio_list .portfolio_item .portfolio_buttons{flex-direction:column;gap:.5rem}}.portfolio_section .portfolio_list .portfolio_item .portfolio_buttons .live_demo{background-color:#04e368;border:2px solid #04e368;border-radius:4px;color:#151515;cursor:pointer;font-size:.9rem;font-weight:700;margin-top:5%;padding:.8rem;text-align:center;text-decoration:none;width:140px}@media only screen and (max-width:1080px){.portfolio_section .portfolio_list .portfolio_item .portfolio_buttons .live_demo{padding:.8rem}}@media only screen and (max-width:480px){.portfolio_section .portfolio_list .portfolio_item .portfolio_buttons .live_demo{width:130px}}.portfolio_section .portfolio_list .portfolio_item .portfolio_buttons .live_demo:hover{background-color:#fff;border:2px solid #fff;transition:.3s}.portfolio_section .portfolio_list .portfolio_item .portfolio_buttons .github{background-color:transparent;border:2px solid #04e368;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;margin-top:5%;padding:.8rem;text-align:center;text-decoration:none;width:140px}@media only screen and (max-width:1080px){.portfolio_section .portfolio_list .portfolio_item .portfolio_buttons .github{padding:.8rem}}@media only screen and (max-width:480px){.portfolio_section .portfolio_list .portfolio_item .portfolio_buttons .github{width:130px}}.portfolio_section .portfolio_list .portfolio_item .portfolio_buttons .github:hover{border:2px solid #fff;color:#04e368;transition:.3s}.skills{margin:0 auto;padding:6rem}@media only screen and (max-width:1080px){.skills{padding:3rem}}.skills .skills_section{margin:0 auto;max-width:1400px}.skills .skills_section .skills_title{color:#fff;font-size:3.2rem;text-align:center}@media screen and (max-width:1080px){.skills .skills_section .skills_title{font-size:2.8rem}}@media screen and (max-width:768px){.skills .skills_section .skills_title{font-size:2.4rem}}@media screen and (max-width:480px){.skills .skills_section .skills_title{font-size:1.6rem}}.skills .skills_section .skill_list{align-items:center;display:flex;gap:1.2rem;justify-content:center;margin:3rem 0}@media only screen and (max-width:1200px){.skills .skills_section .skill_list{margin:2rem 0}}.skills .skills_section .skill_list .skill_item{align-items:center;display:flex;gap:3rem}@media only screen and (max-width:1200px){.skills .skills_section .skill_list .skill_item{gap:1rem}}@media only screen and (max-width:468px){.skills .skills_section .skill_list .skill_item{flex-direction:column}}.skills .skills_section .skill_list .skill_item .skill{align-items:center;border:2px solid hsla(0,0%,81%,.22);border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:1rem;height:130px;justify-content:center;padding:.5rem;width:130px}@media only screen and (max-width:1200px){.skills .skills_section .skill_list .skill_item .skill{gap:.5rem;height:100px;width:100px}}@media only screen and (max-width:768px){.skills .skills_section .skill_list .skill_item .skill{height:80px;width:80px}}@media only screen and (max-width:468px){.skills .skills_section .skill_list .skill_item .skill{height:50px;width:50px}.skills .skills_section .skill_list .skill_item .skill span{display:none}}.skills .skills_section .skill_list .skill_item .skill:hover{border:2px solid #04e368;color:#04e368;-webkit-transform:translateY(-2px);transform:translateY(-2px);transition:.3s}.skills .skills_section .skill_list .skill_item .skill .skill_icon{font-size:3.5rem;margin-bottom:.2rem}@media only screen and (max-width:768px){.skills .skills_section .skill_list .skill_item .skill .skill_icon{font-size:2.5rem}}@media only screen and (max-width:468px){.skills .skills_section .skill_list .skill_item .skill .skill_icon{font-size:1.9rem}}
/*# sourceMappingURL=main.49c678e8.css.map*/