@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap);*{margin:0;padding:0;scroll-behavior:smooth}html{font-size:62.5%}@media (max-width:992px){html{font-size:56.25%}}@media (max-width:768px){html{font-size:50%}}body{background:#fff;background:var(--darkwhite);font-family:"Poppins",sans-serif}:root{--darkblack:#212529;--lightblack:#4c4d4d;--darkwhite:#fff;--lightwhite:#f8f9fa;--darkgrey:#6c757d;--lightyellow:#f5df4e;--btnBg:#343a40;--btnBgHover:#23272b}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#212529;background:var(--darkblack)}::selection{color:#fff;color:var(--darkwhite);background:#f5df4e;background:var(--lightyellow)}.noselect,img{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}a.btn:active,a.btn:focus,button.btn:active,button.btn:focus{box-shadow:none}header{position:fixed;top:0;z-index:10;width:100%;padding:1rem 10rem;background:var(--lightyellow);display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}header.scrolled{background:var(--darkblack)}header a{display:inline-flex;justify-content:center;align-items:center;text-decoration:none}header a img{margin:auto .2rem;width:3.5rem;height:auto}header.scrolled a img{-webkit-filter:invert(1);filter:invert(1)}header a h2{margin:auto .2rem;font-size:2.5rem;font-weight:600;color:var(--darkblack)}header.scrolled a h2{color:var(--darkwhite)}header nav{position:fixed;top:0;right:0;z-index:10;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;background:rgba(0,0,0,.9);opacity:0;visibility:hidden;transition:all .3s ease}header nav.active{opacity:1;visibility:visible}header nav div.nav_menu{margin:1rem auto;display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-transform:translateY(-10%);transform:translateY(-10%);transition:all .3s ease}header nav.active div.nav_menu{-webkit-transform:translateY(0);transform:translateY(0)}header nav div.nav_menu a.btn{margin:.5rem auto;font-size:2.5rem;font-weight:600;color:var(--darkwhite);letter-spacing:1px;transition:all .3s ease}header nav div.nav_menu a.btn.active,header nav div.nav_menu a.btn:hover{color:var(--lightyellow)}header nav div.social_link{margin:1rem auto;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;-webkit-transform:scaleX(0);transform:scaleX(0);transition:all .3s ease}header nav.active div.social_link{-webkit-transform:scaleX(1);transform:scaleX(1)}header nav div.social_link a.btn{margin:.5rem;font-size:3rem;color:var(--darkwhite);transition:all .3s ease}header nav div.social_link a.btn:hover{color:var(--lightyellow);-webkit-transform:scale(1.2);transform:scale(1.2)}header div.menu_btn{position:relative;display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;cursor:pointer;z-index:20}header div.menu_btn span.box{position:absolute;width:1.2rem;height:1.2rem;background:var(--darkblack);border-radius:2px;transition:all .3s ease}header.scrolled div.menu_btn span.box{background:var(--darkwhite)}header div.menu_btn span.box-1{top:.6rem;left:.6rem}header div.menu_btn span.box-2{top:.6rem;right:.6rem}header div.menu_btn span.box-3{bottom:.6rem;left:.6rem}header div.menu_btn span.box-4{bottom:.6rem;right:.6rem}header div.menu_btn.active span.box{top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);background:var(--darkwhite)}header div.menu_btn span.cross{position:absolute;width:3.6rem;height:.4rem;background:var(--darkblack);border-radius:2px;transition:all .3s ease}header.scrolled div.menu_btn span.cross{background:var(--darkwhite)}header div.menu_btn span.cross-1{-webkit-transform:rotate(45deg) scaleX(0);transform:rotate(45deg) scaleX(0)}header div.menu_btn span.cross-2{-webkit-transform:rotate(-45deg) scaleX(0);transform:rotate(-45deg) scaleX(0)}header div.menu_btn.active span.cross{background:var(--darkwhite)}header div.menu_btn.active span.cross-1{-webkit-transform:rotate(45deg) scaleX(1);transform:rotate(45deg) scaleX(1)}header div.menu_btn.active span.cross-2{-webkit-transform:rotate(-45deg) scaleX(1);transform:rotate(-45deg) scaleX(1)}@media (max-width:992px){header{padding:2rem 4rem}}@media (max-width:768px){header{padding:2rem}}section#home{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:var(--lightyellow);overflow-x:hidden}section#home div.home{position:relative;padding:4rem 8rem}section#home div.home .biodata,section#home div.home .bioimg{margin:1rem auto;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}section#home div.home h1{font-size:5rem;font-weight:300;color:var(--darkblack);text-transform:uppercase;line-height:1.5}section#home div.home h2{font-size:9rem;font-weight:600;color:var(--darkblack);text-transform:uppercase;line-height:1}section#home div.home p{font-size:2.2rem;font-weight:400;color:var(--darkblack);line-height:3}section#home div.home span{margin:2rem 0}section#home div.home span .btn{padding:1.2rem 4rem;font-size:1.6rem;font-weight:500;letter-spacing:.5px}section#home div.home span .btn:first-child{color:var(--darkwhite);background:var(--btnBg);border:2px solid var(--btnBg);box-shadow:0 .5rem 1.5rem rgba(0,0,0,.15);transition:all .4s ease}section#home div.home span .btn:first-child:hover{background:var(--btnBgHover);border:2px solid var(--btnBgHover);box-shadow:0 .5rem 1.5rem rgba(0,0,0,.25)}section#home div.home span .btn:nth-child(2){font-size:1.8rem;transition:all .4s ease}section#home div.home span .btn:nth-child(2):hover{text-decoration:underline}section#home div.home img{border-radius:50%;border:1.5rem solid var(--lightwhite);box-shadow:0 1rem 3rem rgba(0,0,0,.15)}@media (max-width:1240px){section#home div.home{padding:4rem 1rem}}@media (max-width:992px){section#home{height:100%;padding:10rem 2rem 2rem}section#home div.home .bioimg{align-items:center}section#home div.home img{width:50%}}@media (max-width:768px){section#home div.home h1{font-size:4rem}section#home div.home h2{font-size:7rem}section#home div.home p{font-size:2rem}}@media (max-width:472px){section#home div.home p{line-height:2}section#home div.home span .btn{padding:1.2rem 2rem}section#home div.home img{width:80%;border:1rem solid var(--lightwhite)}}@media (max-width:366px){section#home div.home h1{font-size:3.5rem}section#home div.home h2{font-size:6rem}}section#about{margin:5rem auto;position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}section#about div.about{position:relative;padding:4rem 6rem}section#about div.about .about_head{margin:2rem auto;display:flex;justify-content:center;align-items:center;flex-direction:column}section#about div.about .about_head span{margin:.5rem auto;padding:0 1rem;font-size:1.6rem;font-weight:400;color:var(--darkblack);background:var(--lightyellow);text-align:center}section#about div.about .about_head h1{margin:.5rem auto;font-size:4rem;font-weight:600;color:var(--darkblack);text-align:center}section#about div.about .about_content{margin:5rem auto;display:flex;justify-content:center;align-items:flex-start;flex-direction:row}section#about div.about .about_content h2{margin:.5rem auto;font-size:3.5rem;font-weight:400;color:var(--darkblack)}section#about div.about .about_content h2 span{position:relative;font-weight:600;border-bottom:4px solid var(--lightyellow)}section#about div.about .about_content p{margin:2rem auto;font-size:2.5rem;font-weight:400;color:var(--darkblack);line-height:1.8}section#about div.about .about_content .exp{display:flex;justify-content:center;align-items:center;flex-direction:column}section#about div.about .about_content .exp h4{position:relative;margin:auto;font-size:15rem;font-weight:500;color:var(--lightblack)}section#about div.about .about_content .exp h4:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:10rem;height:10rem;border-radius:50%;background:var(--lightyellow);z-index:-1}section#about div.about .about_content .exp h6{margin:1rem auto;font-size:2.8rem;font-weight:500;color:var(--darkblack)}section#about div.about .about_content .exp h6 span{font-weight:700}section#about div.about .about_footer{padding:0 2rem;display:flex;justify-content:flex-start;align-items:center}section#about div.about .about_footer span{margin:auto;font-size:1.7rem;font-weight:500;color:var(--darkgrey)}section#about div.about .about_footer p{margin:auto;font-size:1.9rem;font-weight:600;color:var(--lightblack)}@media (max-width:1240px){section#about div.about{padding:4rem 2rem}}@media (max-width:992px){section#about div.about .about_head h1{font-size:3.5rem}section#about div.about .about_content h2{font-size:3rem}section#about div.about .about_content p{font-size:2rem;text-align:justify}section#about div.about .about_content .exp h4{font-size:10rem}section#about div.about .about_content .exp h4:after{width:5rem;height:5rem}section#about div.about .about_content .exp h6{font-size:2.5rem}}section#work{margin:8rem auto;position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--lightwhite)}section#work div.work{position:relative;padding:4rem 10rem}section#work div.work .work_head{margin:2rem auto;display:flex;justify-content:center;align-items:center;flex-direction:column}section#work div.work .work_head span{margin:.5rem auto;padding:0 1rem;font-size:1.6rem;font-weight:400;color:var(--darkblack);background:var(--lightyellow);text-align:center}section#work div.work .work_head h1{margin:.5rem auto;font-size:4rem;font-weight:600;color:var(--darkblack);text-align:center}section#work div.work .work_content{margin:2rem auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}section#work div.work .work_content .work_card{margin:2rem auto;padding:2rem 4rem;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:10px;transition:all .3s ease}section#work div.work .work_content .work_card:hover{box-shadow:0 5px 10px rgba(0,0,0,.1)}section#work div.work .work_content .work_card span{margin:auto;font-size:8rem;color:var(--lightyellow);text-align:center}section#work div.work .work_content .work_card h2{margin:1.2rem auto 1rem;font-size:2.4rem;font-weight:600;color:var(--darkblack);text-align:center}section#work div.work .work_content .work_card p{margin:.2rem auto 1rem;font-size:1.6rem;font-weight:400;color:var(--darkgrey);text-align:justify;text-align-last:center;line-height:1.8;word-spacing:-1px}@media (max-width:1240px){section#work div.work{padding:4rem 2rem}}@media (max-width:992px){section#work div.work .work_head h1{font-size:3.5rem}section#work div.work .work_content .work_card span{font-size:6rem}}section#biodata{margin:6rem auto;position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}section#biodata div.biodata{position:relative;padding:4rem 8rem}section#biodata div.biodata .biodata_head{margin:2rem auto;display:flex;justify-content:center;align-items:center;flex-direction:column}section#biodata div.biodata .biodata_head span{margin:.5rem auto;padding:0 1rem;font-size:1.6rem;font-weight:400;color:var(--darkblack);background:var(--lightyellow);text-align:center}section#biodata div.biodata .biodata_head h1{margin:.5rem auto;font-size:4rem;font-weight:600;color:var(--darkblack);text-align:center}section#biodata div.biodata .biodata_timeline{padding:2rem;display:flex;justify-content:center;align-items:center}section#biodata div.biodata .biodata_timeline h2{margin:3rem 0 1rem;font-size:3rem;font-weight:600;color:var(--darkblack)}section#biodata div.biodata .biodata_timeline .biodata_sub{margin:4rem auto;padding:0 2rem;border-left:3px solid var(--lightyellow)}div.biodata_timeline div.biodata_sub .bio_card h4{margin:auto auto 1rem;font-size:2.2rem;font-weight:500;color:var(--darkblack)}div.biodata_timeline div.biodata_sub .bio_card span{margin:auto auto 1rem;font-size:1.8rem;font-weight:400;color:var(--darkblack)}div.biodata_timeline div.biodata_sub .bio_card p{margin:1rem auto 1.5rem;font-size:1.6rem;font-weight:400;color:var(--darkgrey);line-height:1.8;word-spacing:-2px}div.biodata_timeline div.biodata_sub .bio_card hr{margin:3rem 0;width:100%;height:.5px;background:rgba(0,0,0,.4)}section#biodata div.biodata .biodata_skills{position:relative;margin:2rem auto;display:flex;justify-content:center;align-items:center;flex-direction:column}section#biodata div.biodata .biodata_skills h2{margin:2rem auto;font-size:4rem;font-weight:600;color:var(--darkblack);border-bottom:4px solid var(--lightyellow)}section#biodata div.biodata .biodata_skills button.btn{margin:2rem auto;padding:1.2rem 4rem;font-size:1.6rem;font-weight:500;letter-spacing:.5px;color:var(--btnBg);background:var(--darkwhite);border:3px solid var(--btnBg);transition:all .4s ease}section#biodata div.biodata .biodata_skills button.btn:hover{color:var(--darkwhite);background:var(--btnBg)}section#biodata div.biodata .biodata_skills .skills_wrapper{margin:2rem auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}section#biodata div.biodata .skills_wrapper .skill{margin:2rem;padding:1rem;border-radius:5px;transition:all .3s ease}section#biodata div.biodata .skills_wrapper .skill:hover{box-shadow:0 0 12px rgba(0,0,0,.2)}section#biodata div.biodata .skills_wrapper .skill img{width:7rem;height:auto}@media (max-width:1240px){section#biodata div.biodata{padding:4rem 2rem}}@media (max-width:992px){section#biodata div.biodata .biodata_head h1,section#biodata div.biodata .biodata_skills h2{font-size:3.5rem}}section#projects{margin:6rem auto;position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--lightwhite)}section#projects div.projects{position:relative;padding:4rem 1rem}section#projects div.projects .projects_head{margin:2rem auto;display:flex;justify-content:center;align-items:center;flex-direction:column}section#projects div.projects .projects_head span{margin:.5rem auto;padding:0 1rem;font-size:1.6rem;font-weight:400;color:var(--darkblack);background:var(--lightyellow);text-align:center}section#projects div.projects .projects_head h1{margin:.5rem auto;font-size:4rem;font-weight:600;color:var(--darkblack);text-align:center}section#projects div.projects .projects_content{margin:2rem auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}section#projects div.projects .projects_content .projects_card{position:relative;margin:2rem;display:flex;justify-content:center;align-items:center;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.2)}section#projects div.projects .projects_content .projects_card img{margin:0;width:45rem;height:auto;transition:all .3s ease}section#projects div.projects .projects_content .projects_card:hover img{-webkit-transform:scale(1.15);transform:scale(1.15)}section#projects div.projects .projects_content .projects_card a.info{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-decoration:none;opacity:0;transition:all .6s ease}section#projects div.projects .projects_content .projects_card a.info_dark{background:rgba(0,0,0,.3)}section#projects div.projects .projects_content .projects_card a.info_light{background:rgba(0,0,0,.7)}section#projects div.projects .projects_content .projects_card a.info span{font-size:4rem;color:var(--lightyellow);text-align:center;opacity:0;transition:all .4s ease}section#projects div.projects .projects_content .projects_card a.info h4{font-size:2.5rem;font-weight:500;color:var(--darkwhite);line-height:1.2;letter-spacing:.5px;text-align:center;opacity:0;transition:all .4s ease}section#projects div.projects .projects_card a.info h4:hover{color:var(--lightyellow)}section#projects div.projects .projects_card:hover a.info,section#projects div.projects .projects_card:hover a.info h4,section#projects div.projects .projects_card:hover a.info span{opacity:1}@media (max-width:992px){section#projects div.projects .projects_head h1{font-size:3.5rem}}@media (max-width:472px){section#projects div.projects .projects_content .projects_card img{width:40rem}}section#hire{margin:5rem auto;padding:20rem;position:relative;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:top}section#hire,section#hire div.hire{width:100%;height:100%;display:flex;justify-content:center;align-items:center}section#hire div.hire{position:absolute;flex-direction:column;background:rgba(0,0,0,.7)}section#hire div.hire h2{margin:1rem auto;font-size:3.8rem;font-weight:600;color:var(--darkwhite);letter-spacing:.5px;text-align:center}section#hire div.hire button.btn{margin:1rem auto;padding:1.3rem 3.6rem;font-size:1.8rem;font-weight:500;color:var(--darkblack);background:var(--lightyellow);border-radius:0}@media (max-width:768px){section#hire{margin:auto;padding:15rem}section#hire div.hire{padding:1rem 2rem}section#hire div.hire h2{font-size:3.2rem}section#hire div.hire button.btn{padding:1rem 3.2rem}}section#contact{margin:5rem auto 0;position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--lightyellow)}section#contact div.contact{position:relative;padding:8rem 10rem}section#contact div.contact .content{position:relative;padding-left:5rem}section#contact div.contact .content h2{margin:1rem 0;font-size:3.8rem;font-weight:600;color:var(--darkblack);letter-spacing:.5px}section#contact div.contact .content p{margin:4rem 0;padding-right:2rem;font-size:2rem;font-weight:400;color:var(--darkblack);line-height:1.5}section#contact div.contact .content h4{margin:4rem 0;font-size:2rem;font-weight:600;color:var(--darkblack);letter-spacing:.5px;line-height:1.5}section#contact div.contact .content h4 span{display:block;margin:.5rem 0;font-weight:400}section#contact div.contact .content ul{margin:5rem 0;padding:0;display:flex;justify-content:flex-start;align-items:center;align-content:center;list-style:none}section#contact div.contact .content ul a{margin-right:2rem;font-size:3rem;color:var(--lightblack);text-align:center;transition:all .2s ease}section#contact div.contact .content ul a:hover{color:var(--darkblack);-webkit-transform:scale(1.15);transform:scale(1.15)}section#contact div.contact .form{position:relative;padding-left:10rem}section#contact div.contact .form h2{margin:1rem 0;font-size:3.8rem;font-weight:600;color:var(--darkblack);letter-spacing:.5px}section#contact div.contact form .form-group{margin:3rem 0}section#contact div.contact form label{margin:.5rem 0;font-size:1.6rem;font-weight:400;color:var(--darkblack)}section#contact div.contact form input,section#contact div.contact form textarea{margin:0;padding:.5rem 0;font-size:2rem;font-weight:400;color:var(--darkblack);background:transparent;border:none;border-bottom:2.5px solid rgba(0,0,0,.15);border-radius:0;box-shadow:none;transition:all .2s ease}section#contact div.contact form input:focus,section#contact div.contact form textarea:focus{box-shadow:none;border-bottom:2.5px solid var(--darkblack)}section#contact div.contact form button.btn-submit{margin:auto;padding:1rem 4rem;font-size:1.8rem;font-weight:500;color:var(--darkwhite);background:var(--btnBg);box-shadow:0 5px 15px rgba(0,0,0,.15);transition:all .2s ease}section#contact div.contact form button.btn-submit:hover{background:var(--btnBgHover)}@media (max-width:1240px){section#contact div.contact{padding:8rem 2rem}section#contact div.contact .content h2,section#contact div.contact .form h2{font-size:3.4rem}}@media (max-width:992px){section#contact div.contact .content,section#contact div.contact .form{margin:auto;padding:1rem}section#contact div.contact .content h4,section#contact div.contact .content p{margin:2rem 0}section#contact div.contact .content ul{margin:3rem 0}}section#footer{margin:0;height:100%;justify-content:center;background:#111418}section#footer,section#footer div.footer{position:relative;width:100%;display:flex;align-items:center}section#footer div.footer{padding:6rem 10rem;justify-content:space-between;align-content:center;flex-wrap:wrap;border-top:3px solid var(--darkwhite)}section#footer div.footer h4{margin:1rem;font-size:1.7rem;font-weight:400;color:var(--darkwhite);line-height:1.5;letter-spacing:.5px;word-spacing:-1px}section#footer div.footer h4 i{margin:0 5px;font-size:2rem;color:var(--lightyellow)}section#footer div.footer h4 a{margin:0 5px;font-weight:600;color:var(--lightyellow);text-decoration:none}section#footer div.footer h4 a:hover{text-decoration:underline}@media (max-width:992px){section#footer div.footer{padding:6rem 4rem}}@media (max-width:768px){section#footer div.footer{padding:4rem 2rem}}
/*# sourceMappingURL=main.b03fc0e4.chunk.css.map */