@import url(https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@100;200;300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,Helvetica Neue,sans-serif}*,body{margin:0}*{box-sizing:border-box;padding:0}::-webkit-scrollbar-track{background-color:#f5f5f5;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar{background-color:#f5f5f5;display:none;width:10px}::-webkit-scrollbar-thumb{background-color:#181818;border:2px solid #555}::selection{background-color:#000;color:#fff}:root{--primary-color:#000;--secondary-color:#f5f5f5;--light-color:#f3f3f3;--dark-color:grey}body{background-attachment:fixed;background-color:#f3f3f3;background-color:var(--light-color)}a,button,input{font-family:inherit;text-decoration:none}button{cursor:pointer}.com_wrapper{background-color:#f5f5f5;background-color:var(--secondary-color);border-radius:24px;padding:20px}.com_container{padding:120px}.rounded{backdrop-filter:invert(1);-webkit-backdrop-filter:invert(1);background-color:#000;border-radius:50%;height:30px;width:30px}.footer_container{background-color:var(--primary-color);padding:20px;width:100%}.footer_container .footer_content{display:flex;justify-content:center}.footer_container .footer_content a{align-items:center;color:#fff;display:flex;font-family:Poppins;font-size:.8rem;font-weight:300;gap:8px;justify-content:center;letter-spacing:.2px;width:auto}.footer_container .footer_content img{width:30px}.quote .qt{border-radius:16px;box-shadow:0 0 16px -5px #80808030;font-weight:700;line-height:1.5rem;padding:32px;text-align:center}@media only screen and (max-width:768px){.quote{padding:100px 30px 60px}.quote .qt{padding:20px}}.hero_container2{align-items:flex-end;display:flex;min-height:100vh;position:relative;width:100%}.hero_wrapper2{background-color:#fff;min-height:calc(80vh - 120px);padding:0 120px;width:100%}.hero_container2 .menu_bar{align-items:flex-end;-webkit-animation:fadeIn .5s linear forwards;animation:fadeIn .5s linear forwards;background-color:var(--primary-color);bottom:0;display:flex;flex-direction:column;height:100%;position:absolute;right:0;top:0;transition:all .6s ease-in-out;width:120px;z-index:1}.hero_container2 .menu_bar.opened{width:40%}.hero_container2 .menu_bar .mouse{-webkit-animation:mouseAn 1.5s ease-in infinite;animation:mouseAn 1.5s ease-in infinite;bottom:40px;height:40px;opacity:.4;position:absolute;right:60px;-webkit-transform:translateX(50%);transform:translateX(50%);width:40px}.hero_container2 .menu_bar.opened .mouse{display:none}@-webkit-keyframes mouseAn{0%{bottom:40px}30%{bottom:25px}to{bottom:40px}}@keyframes mouseAn{0%{bottom:40px}30%{bottom:25px}to{bottom:40px}}.hero_container2 .menu_bar .menu_btn{align-items:center;background-color:#fff;cursor:pointer;display:flex;height:120px;justify-content:center;transition:all .5s;width:120px}.hero_container2 .menu_bar.opened .menu_btn{background-color:var(--dark-color)}.hero_container2 .menu_bar .menu_btn img,.menu_btn .hamburger{height:50px;width:50px}.menu_btn .hamburger{overflow:visible}.menu_btn .hamburger line{margin:8px auto}.menu_btn .hamburger line,.menu_btn .hamburger path{transition:all .3s ease-in-out}.menu_btn.opened #hamburger path{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.menu_btn.opened #hamburger .line-t{-webkit-transform:translate(28px,-10px) rotate(45deg);transform:translate(28px,-10px) rotate(45deg)}.menu_btn.opened #hamburger .line-b{-webkit-transform:translate(-28px,18px) rotate(-45deg);transform:translate(-28px,18px) rotate(-45deg)}.hero_content2>div{-webkit-transform:translateY(-130px);transform:translateY(-130px)}.hero_content2 .my_image{border-radius:12px;box-shadow:0 0 16px -5px #0000003a;display:inline-block;margin-bottom:40px;object-fit:cover;overflow:hidden}.hero_content2 .my_image img{display:block;-webkit-filter:grayscale(100%);filter:grayscale(100%);min-width:100%;width:260px}.hero_content2 .hero_discription2 h2{font-size:2rem;font-weight:300;margin-bottom:20px}.hero_content2 .hero_discription2 h5{font-family:Hanken Grotesk,sans-serif;font-size:2rem;margin-bottom:120px}.hero_content2 .download_resume_btn{align-items:center;background-color:var(--secondary-color);border:none;border-radius:12px;box-shadow:0 8px 15px rgba(0,0,0,.1);display:flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease 0s;width:-webkit-max-content;width:max-content}.hero_content2 .download_resume_btn:hover{background-color:#eee;box-shadow:0 15px 20px rgba(0,0,0,.15);-webkit-transform:translateY(-7px);transform:translateY(-7px)}@media only screen and (max-width:768px){.hero_container2 .menu_bar{bottom:auto;height:60px;left:0;right:0;top:0;width:100%}.hero_container2 .menu_bar.opened{height:100%;width:100%}.hero_container2 .menu_bar .mouse{display:none}.hero_container2 .menu_bar .menu_btn{height:60px;width:60px}.hero_container2 .menu_bar .menu_btn img,.menu_btn .hamburger{height:30px;width:30px}.menu_btn .hamburger{overflow:visible}.hero_wrapper2{margin-top:200px;min-height:calc(80vh - 120px);padding:0 60px}.hero_content2 .my_image img{width:180px}.hero_content2 .hero_discription2 h2{font-size:1rem;margin-bottom:20px}.hero_content2 .hero_discription2 h5{font-size:1rem;margin-bottom:300px}}.navigation_container .nav_wrapper{background-color:var(--secondary-color);list-style:none;padding:2.4rem}.nav_wrapper ul{align-items:center;display:flex;gap:10rem;justify-content:center;list-style:none}.nav_wrapper ul li{font-size:1.2rem;font-weight:600}.navigation_container2{margin:60px 0}.navigation_container2 .nav_wrapper2{background-color:#fff;list-style:none;padding:20px;transition:all .5s ease-in-out}.nav_wrapper2 ul{align-items:center;display:flex;gap:10rem;justify-content:center;list-style:none}.nav_wrapper2 ul li{border-radius:12px;font-family:Hanken Grotesk,sans-serif;font-size:1.6rem;font-weight:800;padding:1.6rem;transition:all .3s ease-in-out}.nav_wrapper2 ul li:hover{background-color:var(--light-color)}.navigation_container2.is-sticky{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 5px 0 #0000007c;left:0;padding:16px;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:10}.navigation_container2.is-sticky .nav_wrapper2{background-color:var(--primary-color);margin-top:0;padding:0}.navigation_container2.is-sticky .nav_wrapper2 ul li{color:#fff;padding:1.2rem}.navigation_container2.is-sticky .nav_wrapper2 ul li:hover{background-color:var(--light-color);border-radius:0;color:var(--primary-color)}.navigation_container_bottom{bottom:0;height:auto;left:0;right:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all .6s ease-in-out;visibility:hidden;width:100%;z-index:2}.navigation_container_bottom.is-sticky{position:fixed;-webkit-transform:translateY(0);transform:translateY(0);transition:all .4s ease-in-out;visibility:visible}.navigation{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:var(--light-color);bottom:0;height:110%;opacity:.95;position:inherit;transition:all .4s ease-in-out;width:100%;z-index:1}.navigation.opened{background-color:var(--primary-color);height:100vh;-webkit-transform:translateY(0);transform:translateY(0)}.nav_wrapper_bottom{position:relative;z-index:2}.nav_wrapper_bottom ul{align-items:center;background-color:#000;display:flex;gap:10rem;justify-content:center;list-style:none}.nav_wrapper_bottom ul li{color:var(--light-color);font-family:Hanken Grotesk,sans-serif;font-size:1.6rem;font-weight:600;padding:1rem 1.6rem;transition:all .3s ease-in-out}.nav_wrapper_bottom ul li:hover{background-color:hsla(0,0%,100%,.2)}@media only screen and (max-width:768px){.nav_wrapper2 ul{gap:0;justify-content:space-between}.nav_wrapper2 ul li{border-radius:12px;font-size:1rem;padding:1rem}}.projectCards_container{margin:0 160px}.cards_wrapper{align-items:flex-start;background-color:initial;display:flex;flex-direction:column;gap:48px;justify-content:space-between}.cards_wrapper .project_card{grid-gap:60px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:#fff;border-radius:16px;display:grid;gap:60px;grid-template-columns:1fr 1fr;overflow:hidden;padding:40px;transition:all .4s ease;width:100%}.cards_wrapper .project_card:hover{box-shadow:0 10px 16px -2px #80808048}.cards_wrapper .project_card .project_thumbnail{border-radius:12px;box-shadow:0 0 0 2px #00000010;display:block;object-fit:cover;transition:all .4s ease;width:100%}.cards_wrapper .project_card .project_card_info{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;padding:20px 0}.cards_wrapper .project_card .project_tags{align-items:center;display:flex;gap:16px}.cards_wrapper .project_card .project_card_info h6{color:#ccc;font-size:.9rem;font-weight:600;margin-bottom:10px}.cards_wrapper .project_card .project_tags .tag{background-color:var(--light-color);border-radius:4px;color:var(--dark-color);font-size:12px;font-weight:700;letter-spacing:.8px;padding:6px 12px;text-transform:uppercase}.cards_wrapper .project_card .project_title{color:var(--primary-color);display:inline-block;font-family:Hanken Grotesk,sans-serif;font-size:2.8rem;font-weight:900;margin-bottom:24px;margin-top:-10px;overflow-x:hidden;position:relative;text-transform:capitalize}.cards_wrapper .project_card .project_title:before{background-color:var(--primary-color);bottom:2px;content:"";height:2px;left:-120%;position:absolute;transition:all .3s ease;width:100%}.cards_wrapper .project_card .project_title:hover:before,.cards_wrapper .project_card:hover .project_title:before{left:0}.cards_wrapper .project_card:hover .project_thumbnail{-webkit-transform:scale(1.02);transform:scale(1.02)}.cards_wrapper .project_card .project_description{color:#222;font-family:Hanken Grotesk,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:30px;width:80%}.cards_wrapper .project_card .project_link{align-items:center;background-color:var(--primary-color);border:none;border-radius:16px;color:#fff;display:inline-block;display:flex;font-size:1rem;font-size:16px;font-weight:700;gap:4px;letter-spacing:.8px;padding:16px 32px;width:-webkit-max-content;width:max-content}.cards_wrapper .project_card .project_link img{transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:24px}.cards_wrapper .project_card .project_link:hover img{-webkit-transform:translateX(5px);transform:translateX(5px)}@media only screen and (max-width:768px){.projectCards_container{margin:0 20px}.cards_wrapper .project_card{border-radius:16px;gap:30px;grid-template-columns:1fr;padding:20px}.cards_wrapper .project_card .project_description{font-size:1.2rem;margin-bottom:30px;width:100%}.cards_wrapper .project_card .project_card_info{gap:30px;padding:0}}.loading_screen{align-items:center;-webkit-animation:fadeOut .5s linear 2.5s forwards;animation:fadeOut .5s linear 2.5s forwards;background-color:var(--primary-color);display:flex;height:100vh;justify-content:center;transition:opacity .5s ease;width:100%}.loading_screen svg{-webkit-animation:fill .8s ease 2s forwards;animation:fill .8s ease 2s forwards}svg path:first-child{-webkit-animation:animate 2s ease forwards;animation:animate 2s ease forwards}svg path:first-child,svg path:nth-child(2){stroke-dasharray:780px;stroke-dashoffset:780px}svg path:nth-child(2){-webkit-animation:animate 2s ease .2s forwards;animation:animate 2s ease .2s forwards}@-webkit-keyframes animate{to{stroke-dashoffset:0}}@keyframes animate{to{stroke-dashoffset:0}}@-webkit-keyframes fill{0%{fill:transparent}to{fill:#fff}}@keyframes fill{0%{fill:transparent}to{fill:#fff}}@-webkit-keyframes stroke{to{stroke:transparent}}@keyframes stroke{to{stroke:transparent}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.passwordForm{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.passwordForm input{border:none;border-bottom:3px solid var(--dark-color);font-size:3rem;outline:none;padding:8px;text-align:center;transition:all .2s}.passwordForm input:focus{border-color:var(--primary-color)}.passwordForm button{display:none}
/*# sourceMappingURL=main.b183f648.css.map*/