@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400&display=swap);:root{--green-bg:#68ff66}.about{align-items:center;background-color:#081b29;background-color:var(--dark-bg);display:flex;justify-content:space-around;padding:50px 8%;width:100%}.imageSection{grid-area:imageSect}.infoSection{grid-area:infoSect}.skillSection{grid-area:skillSect}.about_contents{grid-gap:70px;display:grid;grid-template-areas:"imageSect infoSect" "skillSect skillSect";grid-template-columns:2fr 5fr}.about_contents .imageSection{height:380px;min-width:300px;position:relative;transition:.5s}.imageSection img{height:100%;object-fit:cover;position:relative;width:100%;z-index:2}.imageSection:hover{position:relative;transform:scale(1.05)}.imageSection:before{animation:showRight 1s ease forwards;animation-delay:1.6s;background:#081b29;background:var(--dark-bg);content:"";height:110%;position:absolute;right:-10%;top:0;width:110%;z-index:3}.about_contents .imageSection:after{content:"";height:100%;left:15px;outline:3px solid #00b7ff;outline:3px solid var(--blue);position:absolute;top:15px;width:100%;z-index:2}.infoSection h1{color:#ededed;color:var(--text-white);display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:38px;margin-bottom:5px;position:relative;text-transform:uppercase}.infoSection h1:before{animation:showRight 1s ease forwards;animation-delay:2s;background:#081b29;background:var(--dark-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}.infoSection h1:after{background-color:#ededed;background-color:var(--text-white);content:"";height:3px;left:0;position:absolute;top:calc(110% - 1px);width:40%}.infoSection h2{color:#00abf0;color:var(--blue-text);font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:600;letter-spacing:1px;padding:14px 0 15px;position:relative;text-transform:capitalize}.infoSection h2:before{animation:showRight 1s ease forwards;animation-delay:2.3s;background:#081b29;background:var(--dark-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}.infoSection p{color:#ededed;color:var(--text-white);font-size:18px;line-height:1.2;padding-bottom:8px;position:relative;text-align:justify}.infoSection p:before{animation:showRight 1s ease forwards;animation-delay:2.6s;background:#081b29;background:var(--dark-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}.personalInfo{grid-gap:10px 20px;border-bottom:1px solid #00abf0;border-bottom:1px solid var(--blue-text);display:grid;grid-template-columns:1fr 1fr;margin-top:14px;padding-bottom:10px;position:relative}.personalInfo:before{animation:showRight 1s ease forwards;animation-delay:3s;background:#081b29;background:var(--dark-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}.personalInfo div{display:grid;grid-template-columns:1fr 1fr}.personalInfo .colorText{color:#00abf0;color:var(--blue-text);font-size:17px;font-weight:700}.personalInfo div span{color:#ededed;color:var(--text-white);letter-spacing:1px}.infoSection .btn-box{align-items:center;display:flex;height:50px;justify-content:space-between;margin-top:20px;position:relative;width:250px}.infoSection .btn-box:before{animation:showRight 1s ease forwards;animation-delay:3.4s;background:#081b29;background:var(--dark-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}.infoSection .btn-box a{align-items:center;background:#00abf0;background:var(--light-blue);border:2px solid #00abf0;border:2px solid var(--light-blue);border-radius:18px;color:#081b29;color:var(--dark-bg);cursor:pointer;display:inline-flex;font-size:19px;font-weight:600;height:100%;justify-content:center;letter-spacing:1px;overflow:hidden;position:relative;text-decoration:none;transition:.5s;width:100%;z-index:1}.infoSection .btn-box a:hover{color:#00abf0;color:var(--light-blue)}.infoSection .btn-box a:before{background:#081b29;background:var(--dark-bg);content:"";height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:-1}.infoSection .btn-box a:hover:before{width:100%}.skillSection{grid-gap:10px 80px;display:grid;grid-template-columns:1fr 1fr}.skillSection .subjects{color:#00abf0;color:var(--blue-text);font-size:17px;font-weight:thin;letter-spacing:1px;padding-bottom:10px;text-transform:uppercase}.progress_bar{background-color:#165d79;background-color:var(--blue-dark);border-bottom:1px solid #ededed;border-bottom:1px solid var(--text-white);border-top:1px solid #00abf0;border-top:1px solid var(--light-blue);height:16px;padding:4px 6px}.progress_bar,.progress_line{border-radius:15px;width:100%}.progress_line{background-color:#68ff66;background-color:var(--green-bg);box-shadow:-1px -1px 2px 1px 1px 2px #081b29 #0e3c5e;box-shadow:-1px -1px 2px var(--dark-bg) 1px 1px 2px var(--light-bg);height:100%;position:relative}.progress_line:after{color:#ededed;color:var(--text-white);content:attr(value);font-size:17px;position:absolute;right:0;top:-30px;transform:translate(-50%)}.progress_line:before{animation:showRight 3s ease forwards;animation-delay:3.8s;background:#081b29;background:var(--dark-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}@media(max-width:1068px){.about_contents{grid-template-areas:"imageSect skillSect" "infoSect infoSect"}.infoSection,.personalInfo{margin:0 20px}.skillSection{grid-gap:20px;grid-template-columns:1fr;margin:0 40px}}@media(max-width:878px){.about_contents{grid-template-areas:"imageSect imageSect" "infoSect infoSect" "skillSect skillSect"}.about_contents .imageSection{height:450px;margin-left:auto;margin-right:auto;width:55%}}@media(max-width:628px){.personalInfo{grid-template-columns:1fr}.about_contents .imageSection{height:370px;margin-left:auto;margin-right:auto;width:60%}}:root{--light-blue:#008cc4;--much-light-blue:#78d9ff}*{font-family:Poppins,sans-serif}.contact{align-items:center;background-color:#081b29;background-color:var(--dark-bg);display:flex;flex-direction:column;height:100vh;justify-content:center;min-height:100%;padding:0 10%;position:relative}.contentContact{max-width:800px;text-align:center}.contentContact h2{color:#ededed;color:var(--text-white);font-size:38px;font-weight:600}.contentContact h2:before{animation:showRight 1s ease forwards;animation-delay:1s;background:#081b29;background:var(--dark-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}.contentContact h2 span{color:#00b7ff;color:var(--blue)}.contentContact p{color:#ededed;color:var(--text-white);font-weight:300;text-align:justify}.contactContainer{align-items:center;display:flex;justify-content:center;margin-top:30px;width:100%}.contactContainer .contactInfo{display:flex;flex-direction:column;width:50%}.contactContainer .contactInfo .boxContact{word-wrap:wrap;display:flex;justify-content:space-evenly;padding:20px 0;position:relative;width:350px}.boxContact:before{animation:showRight 1s ease forwards;animation-delay:1.4s;background:#081b29;background:var(--dark-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}.boxContact .icon a{align-items:center;background:#0000;border:2px solid #008cc4;border:2px solid var(--light-blue);border-radius:50%;color:#008cc4;color:var(--light-blue);display:inline-flex;font-size:20px;height:45px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:.5s;width:45px;z-index:1}.boxContact .icon a:hover{color:#081b29;color:var(--dark-bg)}.boxContact .icon a:before{background-color:#008cc4;background-color:var(--light-blue);border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:-1}.boxContact .icon a:hover:before{transition:.5s;width:100%}.boxContact .text{color:#ededed;color:var(--text-white);display:flex;flex-direction:column;font-size:16px;font-weight:300;margin-left:20px}.boxContact .text h3{color:#00abf0;color:var(--blue-text);font-weight:500}.contactForm{background-color:#0e3c5e;background-color:var(--light-bg);border-radius:3px;margin-bottom:30px;padding:40px;width:40%}.contactForm h2{color:#ededed;color:var(--text-white);font-size:30px;font-size:600;position:relative}.contactForm h2:before{animation:showRight 1s ease forwards;animation-delay:1.8s;background:#0e3c5e;background:var(--light-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}.contactForm .inputBox{margin-top:10px;position:relative;width:100%}.contactForm .inputBox:before{animation:showRight 1s ease forwards;animation-delay:2.8s;background:#0e3c5e;background:var(--light-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}.contactForm .inputBox input,.contactForm .inputBox textarea{background-color:#165d79;background-color:var(--blue-dark);border:none;border-bottom:2px solid #008cc4;border-bottom:2px solid var(--light-blue);color:#ededed;color:var(--text-white);font-size:16px;margin:10px 0;outline:none;padding:5px;resize:none;width:100%}.contactForm .inputBox span{color:#78d9ff;color:var(--much-light-blue);font-size:16px;left:8px;margin:10px 0;padding:5px 0;pointer-events:none;position:absolute;transition:.5s}.contactForm .inputBox input:focus~span,.contactForm .inputBox input:valid~span,.contactForm .inputBox textarea:focus~span,.contactForm .inputBox textarea:valid~span{color:#ededed;color:var(--text-white);font-size:12px;transform:translateY(-20px)}.contactForm .inputBox input[type=submit]{background-color:#00b7ff;background-color:var(--blue);border:none;color:#ededed;color:var(--text-white);cursor:pointer;font-size:18px;padding:10px;width:100px}.inputBox .btn-box{align-items:center;display:flex;height:40px;justify-content:space-between;margin-top:20px;position:relative;width:100px}.inputBox .btn-box:before{animation:showRight 1s ease forwards;animation-delay:3.2s;background:#0e3c5e;background:var(--light-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}.inputBox .btn-box .submit-btn{align-items:center;background:#ededed;background:var(--text-white);border:2px solid #ededed;border:2px solid var(--text-white);border-radius:18px;color:#081b29;color:var(--dark-bg);cursor:pointer;display:inline-flex;font-size:17px;font-weight:600;height:100%;justify-content:center;letter-spacing:1px;overflow:hidden;position:relative;text-decoration:none;transition:.5s;width:100%;z-index:1}.inputBox .btn-box .submit-btn:hover{border:2px solid #ededed;border:2px solid var(--text-white);color:#ededed;color:var(--text-white)}.inputBox .btn-box .submit-btn:before{background:#0e3c5e;background:var(--light-bg);content:"";height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:-1}.inputBox .btn-box .submit-btn:hover:before{width:100%}@media (max-width:991px){.contentContact{margin:0 30px}.contact{height:auto;padding:50px}.contactContainer{flex-direction:column}.contactContainer .contactInfo{margin-bottom:40px}.contactContainer .contactInfo,.contactForm{margin-left:auto;margin-right:auto;width:90%}}.mobile-img{align-items:end;display:flex;display:none;height:320px;justify-content:center;margin-bottom:0;margin-top:20px;position:relative;width:100%}.mobile-img:before{animation:showRight 1s ease forwards;animation-delay:1s;background:var(--dark-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%}.mobile-img img{height:320px}.home{align-items:center;background:url(/static/media/bg.d349f61589b5483dbb20.png) no-repeat;background-position:50%;background-size:cover;display:flex;height:100vh;padding:0 10%}.home-content{max-width:600px}.home-content h1{font-size:56px;font-weight:700;line-height:1.2;position:relative}.home-content h1:before{animation:showRight 1s ease forwards;animation-delay:1s;background:var(--dark-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%}.home-content h3{color:var(--light-blue);font-size:32px;font-weight:700;position:relative}.home-content h3:before{animation:showRight 1s ease forwards;animation-delay:1.4s;background:var(--dark-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%}.home-content p{color:var(--text-white);font-size:16px;letter-spacing:.7px;margin:20px 0 40px;position:relative;text-align:justify}.home-content p:before{animation:showRight 1s ease forwards;animation-delay:1.8s;background:var(--dark-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%}.home-content .btn-box{align-items:center;display:flex;height:50px;justify-content:space-between;position:relative;width:345px}.home-content .btn-box:before{animation:showRight 1s ease forwards;animation-delay:2.2s;background:var(--dark-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}.btn-box a{align-items:center;background:var(--light-blue);border:2px solid var(--light-blue);border-radius:8px;color:var(--dark-bg);display:inline-flex;font-size:19px;font-weight:600;height:100%;justify-content:center;letter-spacing:1px;overflow:hidden;position:relative;text-decoration:none;transition:.5s;width:150px;z-index:1}.btn-box a:hover{color:var(--light-blue)}.btn-box a:nth-child(2){background:#0000;color:var(--light-blue)}.btn-box a:nth-child(2):hover{color:var(--dark-bg )}.btn-box a:nth-child(2):before{background:var(--light-blue)}.btn-box a:before{background:var(--dark-bg);content:"";height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:-1}.btn-box a:hover:before{width:100%}.home-sci{bottom:0;display:flex;justify-content:space-between;position:absolute;width:270px}.home-sci:before{animation:showRight 1s ease forwards;animation-delay:2.6s;background:var(--dark-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}.home-sci a{align-items:center;background:#0000;border:2px solid var(--light-blue);border-radius:50%;color:var(--light-blue);display:inline-flex;font-size:20px;height:45px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:.5s;width:45px;z-index:1}.home-sci a:hover{color:var(--dark-bg)}.home-sci a:before{background-color:var(--light-blue);border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:-1}.home-sci a:hover:before{transition:.5s;width:100%}.home-imgHover{animation:manipActiveHover .1s forwards;animation-delay:4s;background-color:initial;height:90%;left:30px;pointer-events:none;position:relative;top:10px;transition:3s;width:1250px;z-index:60}.home-imgHover:hover{background:var(--dark-bg);opacity:.8}.home-imgHover:after{animation:showRight 1s ease forwards;animation-delay:3.2s;background:var(--dark-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}.btn-box-home{align-items:center;display:flex;height:50px;justify-content:space-between;margin-top:20px;position:relative;width:250px}.btn-box-home:before{animation:showRight 1s ease forwards;animation-delay:3.4s;background:var(--dark-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}.btn-box-home a{align-items:center;background:var(--light-blue);border:2px solid var(--light-blue);border-radius:18px;color:var(--dark-bg);cursor:pointer;display:inline-flex;font-size:19px;font-weight:600;height:100%;justify-content:center;letter-spacing:1px;overflow:hidden;position:relative;text-decoration:none;transition:.5s;width:100%;z-index:1}.btn-box-home a:hover{color:var(--light-blue)}.btn-box-home a:before{background:var(--dark-bg);content:"";height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:-1}.btn-box-home a:hover:before{width:100%}@keyframes manipActiveHover{to{pointer-events:auto}}.projects{background-color:#081b29;background-color:var(--dark-bg);justify-content:space-around;padding:50px 2%;width:100%}.projects,.projects .title{align-items:center;display:flex}.projects .title{justify-content:space-between;margin-bottom:20px;position:relative}.title:before{animation:showRight 1s ease forwards;animation-delay:1s;background:#081b29;background:var(--dark-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}.projects .title h3{color:#00b7ff;color:var(--blue);font-size:24px;font-weight:900;line-height:30px;text-transform:uppercase}.projects .title .btn{align-items:center;background:linear-gradient(90deg,#165d79 0,#00b7ff 21%,#00abf0);background:linear-gradient(to right,var(--blue-dark) 0,var(--blue) 21%,var(--blue-text) 100%);border:1px solid #165d79;border:1px solid var(--blue-dark);color:#fff;display:flex;font-weight:600;height:50px;justify-content:center;max-width:150px;padding:10px 20px;text-transform:uppercase}.projects .title .btn:hover{background:#0000}.projects-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between}.projects-wrapper .project{flex-basis:calc(45% - 10px);flex-grow:0;flex-shrink:0;margin-bottom:50px;max-width:0 0 calc(45% - 10px);width:80%}.project .img-container{align-items:center;background-color:#0e3c5e;background-color:var(--light-bg);display:flex;justify-content:center;overflow:hidden;padding:60px 0;width:100%}.project .img-container img{box-shadow:0 5px 10px #081b29;box-shadow:0 5px 10px var(--dark-bg);height:280px;object-fit:cover;transition:.4s;width:9 0}.project:hover .img-container img{transform:scale(1.1)}.project .description{align-items:center;border-bottom:2px solid #165d79;border-bottom:2px solid var(--blue-dark);border-top:2px solid #165d79;border-top:2px solid var(--blue-dark);display:flex;justify-content:space-between;margin:15px 0;padding:15px 0}.project .description:hover{border-bottom:2px solid #fff;border-top:2px solid #fff}.project .description h4{color:#00abf0;color:var(--blue-text);font-size:20px;font-weight:900;text-transform:uppercase}.project .links a{margin-right:15px}.project i{color:#fff;color:#00abf0;color:var(--blue-text);cursor:pointer;font-size:24px;transition:.3s}.project i:hover{color:#fff}:root{--light-blue:#0a85b6}body{min-height:100vh;width:100%}.services-experience{padding:100px 0;position:relative}.Services-container{margin:auto;max-width:1200px;padding:0 20px;width:100%}.experiences,.portfolios,.services{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.services .service{background-color:#0e3c5e;background-color:var(--light-bg);border-radius:5px;flex-basis:calc(33.33% - 10px);flex-grow:0;flex-shrink:0;max-width:calc(33.33% - 10px);padding:50px;transition:.5s;width:100%}.service i{color:#00b7ff;color:var(--blue);font-size:40px;margin-bottom:10px}.service h3{font-size:24px;line-height:34px;margin-bottom:15px}.service p{font-size:16px;line-height:24px;margin-bottom:15px}.service .btn{background-color:initial;color:#00b7ff;color:var(--blue);font-weight:600;justify-content:flex-start;letter-spacing:1px;text-transform:uppercase}.services .service.active,.services .service:hover{background-color:#0a85b6;background-color:var(--light-blue);transition:.5s}.service.active .btn,.service.active i,.service:hover .btn,.service:hover i{color:#ededed;color:var(--text-white);transition:.5s}.service .btn:hover{transform:translateX(10px)}.experiences{margin:100px}.experience{align-items:center;display:flex;flex-basis:calc(32.33% - 10px);flex-direction:column;flex-grow:0;flex-shrink:0;justify-content:center;margin:30px;max-width:calc(32.33% - 10px);width:100%}.experience h3{color:#00abf0;color:var(--blue-text);font-size:80px;font-weight:900;line-height:90px}.experience p{font-size:24px;font-weight:900;line-height:30px}.portfolios{flex-basis:calc(66.66% - 10px);max-width:0 0 calc(66.66% - 10px)}.portfolio,.portfolios{display:flex;flex-grow:0;flex-shrink:0;width:100%}.portfolio{align-items:center;background-color:#0e3c5e;background-color:var(--light-bg);flex-basis:calc(50% - 10px);flex-direction:column;height:150px;justify-content:center;margin-bottom:20px;max-width:calc(50% - 10px);padding:0 40px}.portfolio h4{color:#00abf0;color:var(--blue-text);font-size:30px;font-weight:900;line-height:40px}.portfolio p{font-size:16px;line-height:24px;margin-top:10px}@media (max-width:969px){.service-exprience:before{width:40%}.services .service{flex-basis:calc(50% - 10px);flex-grow:0;flex-shrink:0;margin-bottom:20px;max-width:0 0 calc(50% - 10px)}}@media (max-width:660px){.service-exprience:before{width:0}.experience,.portfolios,.services .service{flex:0 0 100%;max-width:100%}}@media (max-width:550px){.portfolio{flex:0 0 100%;max-width:100%}section{padding:50px 0!important}}*{box-sizing:border-box;font-family:Verdana,Geneva,Tahoma,sans-serif;margin:0;padding:0}@keyframes showRight{to{width:0}}:root{--text-white:#ededed;--dark-bg:#081b29;--light-blue:#00abf0;--blue:#00b7ff;--blue-dark:#165d79;--blue-text:#00abf0;--light-bg:#0e3c5e;--light:#ededed}body{background-color:#081b29;background-color:var(--dark-bg);color:#ededed;color:var(--text-white)}.container-home{align-items:center;background:#0000;display:flex;justify-content:space-between;padding:20px 10%;width:100%;z-index:55}.logo{color:#ededed;color:var(--text-white);font-size:25px;font-weight:700;position:relative;text-decoration:none}.logo:before{animation:showRight 1s ease forwards;animation-delay:.6s;background:#081b29;background:var(--dark-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%}.navbar a{color:#ededed;color:var(--text-white);font-size:18px;font-weight:500;margin-left:35px;text-decoration:none}.navbar .active,.navbar a:hover{color:#00abf0;color:var(--light-blue)}.navbar .toggle_btn{font-size:28px;position:absolute;right:20px;top:20px}.navbar .toggle_btn:hover{color:#00abf0;color:var(--light-blue)}.dropdown_menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#0e3c5e;background-color:var(--light-bg);border-radius:10px;display:none;overflow:hidden;padding:10px 0;position:absolute;right:2rem;top:60px;transition:height .2s cubic-bezier(.175,.885,.32,1.275);width:300px;z-index:68}.open{display:block}.dropdown_menu ul{flex-direction:column}.dropdown_menu ul,.dropdown_menu ul li{align-items:center;display:flex;justify-content:center}.dropdown_menu ul li{list-style-type:none;padding:.7rem}.dropdown_menu ul li a{border-bottom:3px solid #0e3c5e;border-bottom:3px solid var(--light-bg);color:#ededed;color:var(--light);font-size:18px;font-weight:500;text-decoration:none}.dropdown_menu ul li a:hover{border-bottom:3px solid #00abf0;border-bottom:3px solid var(--blue-text)}.hide,.toggle_btn i{display:none}footer .container-f{align-items:center;background:#0e3c5e;background:var(--light-bg);display:flex;height:80px;justify-content:space-between}footer .links,footer .logo-footer,footer p{flex:0 0 33.33%;max-width:33.33%;width:100%}.logo-footer{color:#ededed;color:var(--text-white);font-size:25px;font-weight:700;position:relative;text-decoration:none}.logo-footer:before{animation:showRight 1s ease forwards;animation-delay:.6s;background:#0e3c5e;background:var(--light-bg);content:"";height:100%;position:absolute;right:0;top:0;width:100%}footer .links{align-items:center;display:flex;justify-content:center}footer a,footer p{color:#fff;cursor:pointer;font-size:20px;line-height:30px;margin:0 15px;text-decoration:none;transform:.4s}footer a:hover{color:#00abf0;color:var(--blue-text)}footer p{align-items:center;display:flex;justify-content:flex-end}footer p i{color:#00abf0;color:var(--blue-text);font-size:20px;line-height:30px;margin-right:15px}@media (max-width:1019px){#active{border-bottom:3px solid #00abf0;border-bottom:3px solid var(--blue-text)}.navbar a{display:none}.mobile-img,.toggle_btn i{display:block}.mobile-img{display:flex;justify-content:center}.home{background-image:none;display:flex;flex-wrap:wrap;margin-top:0}.home .home-content{height:auto;margin:0 5%;width:90%}.home .home-content h1{font-size:38px}.home .home-content h3{font-size:22px}.home-content .btn-box{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;width:100%}.home-content .btn-box a{font-size:16px;margin-top:5px;padding:15px 0;position:relative}.home-imgHover{border:2px solid #fff;display:none;height:320px;margin:0;width:100%}.home-sci{display:flex;justify-content:space-evenly;position:relative;width:100%}}@media (max-width:589px){.dropdown_menu{left:2rem;width:auto}}@media (max-width:969px){.container-project{margin:0 30px}.project .img-container{padding:0}.project .img-container img{height:100%;width:100%}}@media (max-width:660px){.projects-wrapper .project{flex:0 0 100%;max-width:100%}footer .container-f{flex-wrap:wrap;height:auto;padding:20px}footer .container-f a{justify-content:center;margin-left:auto;margin-right:auto;text-align:center}footer .links,footer .logo,footer p{align-items:center;flex:0 0 100%;font-size:16px;justify-content:center;margin-bottom:20px;max-width:100%;text-align:center}footer p{margin-bottom:0}.copyright{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto}}@media (max-width:550px){section{padding:50px 0!important}.projects .title{flex-wrap:wrap}.project .title .btn{font-size:16px;height:40px;line-height:24px;margin-bottom:20px;max-width:100px}.projects .title h3{font-size:20px;line-height:30px;margin-bottom:20px}}.loading_container{align-items:center;background-color:hsla(0,0%,100%,.855);display:flex;height:100vh;justify-content:center;position:fixed;width:100%;z-index:100000}.loading_container .loading_element{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hide{display:none}
/*# sourceMappingURL=main.d7b0347c.css.map*/