@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);.home .showcase-content{align-items:center;display:flex;justify-content:space-between}.home .showcase-content .presentation{flex-basis:60%;position:relative}.home .showcase-content .presentation .shining-text{-webkit-text-fill-color:#fff0;animation:shine 2s linear infinite;background:linear-gradient(90deg,var(--light-gray),var(--dark-gray),var(--light-gray));background-clip:initial;-webkit-background-clip:text;background-repeat:no-repeat;background-size:80%;font-size:x-large;margin-bottom:10px;overflow:hidden;position:relative;text-transform:uppercase;width:130px}@keyframes shine{0%{background-position:-500%}to{background-position:500%}}.home .showcase-content .presentation h1{font-size:60px;font-weight:600;letter-spacing:2px;margin:5px 0}.home .showcase-content .presentation h1 .myName{background:none;color:var(--primary-color);filter:drop-shadow(0 0 2px var(--primary-color))}.home .showcase-content .presentation .workplace{font-size:45px;font-weight:500;margin-bottom:10px;opacity:.6}.home .showcase-content .presentation p{font-size:23px;font-weight:400;letter-spacing:1px;overflow:hidden;text-align:justify}.home .showcase-content .presentation .typewriter-container{margin-top:7px}.home .showcase-content .presentation .typewriter-container p span:last-of-type{background-color:var(--primary-color);color:#0000!important;display:inline-block;width:3px}.home .showcase-content .presentation .cv-btn{background-color:var(--primary-color);border:5px solid var(--primary-color);border-radius:15px;box-shadow:0 2px 10px #003870;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:23px;font-weight:600;letter-spacing:3px;line-height:25px;margin-top:30px;outline:none;overflow:hidden;padding:15px 50px;position:relative;transition:.2s}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:25px;margin-left:7px;margin-top:-3px}.home .showcase-content .presentation .cv-btn:hover{background-color:#06f;border:5px solid var(--primary-color)}.home .showcase-content .presentation .cv-btn:active{background-color:#4d94fd;border:5px solid var(--primary-color)}span.ripple{animation:ripple .5s linear forwards;background-color:#4d93fd80;border-radius:50%;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(1)}}.sub-line{display:none}.home .showcase-content .presentation .lang-menu{display:inline-block;margin-left:10px;margin-top:-4px;position:relative;vertical-align:middle}.home .showcase-content .presentation .lang-menu .selected-lang{border:2px solid var(--dark-white);border-radius:5px;cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:space-between;line-height:2;padding:5px 12px;width:120px}.home .showcase-content .presentation .lang-menu ul{background-color:var(--dark-white);border-radius:5px;display:none;left:0;margin:0;padding:0;position:absolute;top:0;width:120px}.home .showcase-content .presentation .lang-menu ul li{list-style:none}.home .showcase-content .presentation .lang-menu ul li>span{display:block;display:flex;font-size:15px;font-weight:500;justify-content:space-between;line-height:2;padding:5px 12px}.home .showcase-content .presentation .lang-menu ul li>span:hover{background-color:var(--light-black);border-radius:5px;color:var(--light-color);width:100%}.home .showcase-content .presentation .lang-menu .flag-icon{height:30px;margin-right:7px;width:30px}.home .showcase-content .photo-container{align-items:center;display:flex;flex-basis:40%;margin-left:25px;position:relative}.home .showcase-content .photo-container .picture{width:100%}@media only screen and (max-width:1500px){.home .showcase-content .presentation .shining-text{font-size:20px}.home .showcase-content .presentation h1{font-size:57px}.home .showcase-content .presentation .workplace{font-size:42px}.home .showcase-content .presentation p{font-size:21px}.home .showcase-content .presentation .cv-btn{font-size:22px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:25px}}@media only screen and (max-width:1400px){.home .showcase-content .presentation .shining-text{font-size:18px}.home .showcase-content .presentation h1{font-size:53px}.home .showcase-content .presentation .workplace{font-size:39px}.home .showcase-content .presentation p{font-size:18px}.home .showcase-content .presentation .cv-btn{font-size:20px;padding:15px 40px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:22px}}@media only screen and (max-width:1280px){.home .showcase-content .presentation h1{font-size:49px}.home .showcase-content .presentation .workplace{font-size:36px}.home .showcase-content .presentation p{font-size:17px}.home .showcase-content .presentation .cv-btn{font-size:19px;padding:15px 30px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:21px}}@media only screen and (max-width:1190px){.home .showcase-content .presentation h1{font-size:45px}.home .showcase-content .presentation .workplace{font-size:33px}.home .showcase-content .presentation p{font-size:16px}.home .showcase-content .presentation .cv-btn{font-size:18px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:20px}}@media only screen and (max-width:1050px){.home .showcase-content .presentation h1{font-size:40px}.home .showcase-content .presentation .workplace{font-size:30px}.home .showcase-content .presentation p{font-size:15px}.home .showcase-content .presentation .cv-btn{font-size:18px;letter-spacing:2px;padding:12px 23px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:20px}}@media only screen and (max-width:1000px){.home .showcase-content .presentation h1{font-size:35px}.home .showcase-content .presentation .workplace{font-size:27px}.home .showcase-content .presentation p{font-size:14px}.home .showcase-content .presentation .cv-btn{font-size:16px;padding:12px 20px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:18px}}@media only screen and (max-width:920px){.home .showcase-content .presentation h1{font-size:31px}.home .showcase-content .presentation .workplace{font-size:24px}.home .showcase-content .presentation p{font-size:13px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:18px}}@media only screen and (max-width:850px){.home .showcase-content .presentation .shining-text{font-size:16px}.home .showcase-content .presentation h1{font-size:29px}.home .showcase-content .presentation .workplace{font-size:22px}.home .showcase-content .presentation p{font-size:12px}.home .showcase-content .presentation .cv-btn{font-size:14px;padding:10px 16px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:15px}.home .showcase-content .presentation .lang-menu{margin-left:5px}}@media only screen and (max-width:800px){.home .showcase-content{flex-direction:column-reverse;text-align:center}.home .showcase-content .presentation .shining-text{font-size:x-large;margin-left:auto;margin-right:auto}.home .showcase-content .presentation h1{font-size:52px}.home .showcase-content .presentation .workplace{font-size:40px}.home .showcase-content .presentation p{font-size:19px;text-align:center}.home .showcase-content .presentation .cv-btn{font-size:22px;margin-bottom:4px;margin-top:20px;padding:20px 50px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:22px}.sub-line{display:block}.home .showcase-content .presentation .lang-menu{margin-bottom:15px;margin-top:10px}.home .showcase-content .photo-container{margin-bottom:30px;margin-left:0}.home .showcase-content .photo-container .picture{display:block;margin:auto;width:70%}}@media only screen and (max-width:700px){.home .showcase-content .presentation .shining-text{font-size:large}.home .showcase-content .presentation h1{font-size:45px}.home .showcase-content .presentation .workplace{font-size:35px}.home .showcase-content .presentation p{font-size:17px}.home .showcase-content .presentation .cv-btn{font-size:20px;padding:19px 40px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:20px}}@media only screen and (max-width:600px){.home .showcase-content .presentation h1{font-size:40px}.home .showcase-content .presentation .workplace{font-size:30px}.home .showcase-content .presentation p{font-size:15px}.home .showcase-content .presentation .cv-btn{font-size:18px;letter-spacing:2px;padding:16px 34px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:19px}}@media only screen and (max-width:550px){.home .showcase-content .presentation h1{font-size:36px}.home .showcase-content .presentation .workplace{font-size:28px}.home .showcase-content .presentation p{font-size:14px}.home .showcase-content .presentation .cv-btn{font-size:17px;padding:14px 30px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:18px}}@media only screen and (max-width:500px){.home .showcase-content .presentation h1{font-size:32px}.home .showcase-content .presentation h1 .myName{filter:drop-shadow(0 0 2px var(--primary-color))}.home .showcase-content .presentation .workplace{font-size:25px}.home .showcase-content .presentation p{font-size:13px}.home .showcase-content .presentation .cv-btn{font-size:17px;font-weight:500;letter-spacing:1.5px;margin-bottom:3px;padding:12px 24px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:18px}.home .showcase-content .photo-container .picture{width:80%}}@media only screen and (max-width:450px){.home .showcase-content .presentation .shining-text{font-size:medium}.home .showcase-content .presentation h1{font-size:29px}.home .showcase-content .presentation .workplace{font-size:22px}.home .showcase-content .presentation p{font-size:13px}.home .showcase-content .presentation .cv-btn{font-size:16px;padding:11px 22px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:17px}}@media only screen and (max-width:400px){.home .showcase-content .presentation h1{font-size:25px}.home .showcase-content .presentation .workplace{font-size:20px}.home .showcase-content .presentation p{font-size:12.5px}.home .showcase-content .presentation .lang-menu{margin-bottom:3px}.home .showcase-content .presentation .lang-menu .selected-lang{font-size:12px;font-weight:400;line-height:1.6;padding:3px 8px;width:90px}.home .showcase-content .presentation .lang-menu ul{width:90px}.home .showcase-content .presentation .lang-menu ul li>span{font-size:12px;font-weight:400;line-height:1.6;padding:3px 9px}.home .showcase-content .presentation .lang-menu .flag-icon{height:20px;margin-right:7px;width:20px}.home .showcase-content .photo-container .picture{width:90%}}@media only screen and (max-width:360px){.home .showcase-content .presentation .shining-text{font-size:small}.home .showcase-content .presentation h1{font-size:23px}.home .showcase-content .presentation h1 .myName{filter:drop-shadow(0 0 1px var(--primary-color))}.home .showcase-content .presentation .workplace{font-size:18.5px}.home .showcase-content .presentation p{font-size:12px}.home .showcase-content .presentation .cv-btn{font-size:14px;font-weight:400;padding:11px 22px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:15px}}@media only screen and (max-width:330px){.home .showcase-content .presentation .cv-btn{font-size:12px;padding:10px 20px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:13px;margin-left:5px}}hr.separator{border-top:1px solid var(--dark-white);margin:30px auto 45px;max-width:40%}@media only screen and (max-width:800px){hr.separator{margin:20px auto 30px}}.about .showcase-content .infos{display:flex;flex-wrap:wrap;padding-bottom:5px}.about .showcase-content .infos .personal{flex:0 0 60%;max-width:60%;position:relative;width:100%}.about .showcase-content .infos .personal .container{display:flex;flex-wrap:wrap}.about .showcase-content .infos .personal .container .title{flex:0 0 100%;margin-bottom:20px;max-width:100%;position:relative;width:100%}.about .showcase-content .infos .personal .container .to-ask{flex:0 0 50%;max-width:50%;position:relative;width:100%}.about .showcase-content .infos .personal .container .to-ask.first .multiple li:first-child,.about .showcase-content .infos .personal .container .to-ask.second .multiple li:first-child{margin-bottom:15px}.about .showcase-content .infos .personal .container .to-ask.third{flex:0 0 100%;margin-top:15px;max-width:100%}.about .showcase-content .infos .personal .container .to-ask .multiple{list-style:none}.about .showcase-content .infos .personal .container .to-ask .multiple li .question{font-size:17px;font-weight:400;letter-spacing:1px;opacity:.8;text-transform:capitalize}.about .showcase-content .infos .personal .container .to-ask .multiple li .response{display:inline-block;font-size:17px;font-weight:500;letter-spacing:1px}.about .showcase-content .infos .personal .container .to-ask.first .multiple li:hover>.response,.about .showcase-content .infos .personal .container .to-ask.second .multiple li:hover>.response{color:var(--primary-color)}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages{padding:10px 20px}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar{margin:10px 0}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar:first-child{margin-top:0}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .lang{margin-bottom:5px}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .lang span{animation:showText1 .5s linear 1s forwards;font-size:17px;font-weight:500;letter-spacing:1px;opacity:0}@keyframes showText1{to{opacity:1}}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .lang .level{display:none;float:right}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .progress-line{animation:animate-line 1s cubic-bezier(1,0,.5,1) forwards;background-color:var(--dark-white);border-radius:10px;height:10px;position:relative;transform:scaleX(0);transform-origin:left;width:100%}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .progress-line span{animation:animate-line 1s cubic-bezier(1,0,.5,1) 1s forwards;background-color:var(--primary-color);border-radius:10px;height:100%;position:absolute;transform:scaleX(0);transform-origin:left}@keyframes animate-line{to{transform:scaleX(1)}}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar.arabic .progress-line span{width:90%}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar.french .progress-line span{width:70%}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar.english .progress-line span{width:60%}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .progress-line span:before{animation:showText2 .3s linear forwards;border-bottom:0 solid #0000;border-left:7px solid #0000;border-right:0 solid #0000;border-top:7px solid #0000;border-top-color:var(--light-black);content:"";height:0;opacity:0;position:absolute;right:0;top:-10px;width:0}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .progress-line span:after{animation:showText2 .3s linear forwards;background-color:var(--light-black);border-radius:3px;color:var(--light-color);font-size:12px;font-weight:500;opacity:0;padding:1px 3px;position:absolute;right:0;top:-28px}@keyframes showText2{to{opacity:1}}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar.arabic .progress-line span:after{content:"90%"}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar.french .progress-line span:after{content:"70%"}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar.english .progress-line span:after{content:"60%"}.about .showcase-content .infos .personal .container .to-ask.third .multiple li:first-child{margin-bottom:8px}.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links{flex:0 0 100%;max-width:100%;padding-top:15px;padding-inline:30px;position:relative;text-align:center;width:100%}.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links .freelance-btn{background-color:var(--primary-color);border-radius:26px;color:#fff;display:inline-block;font-size:16px;letter-spacing:1px;overflow:hidden;padding:10px 0;position:relative;text-align:center;transition:all .2s linear 0s;width:150px}.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links .freelance-btn:first-child{margin-right:10px}.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links i{font-weight:400}.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links .reactIcon,.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links i{align-items:center;background-color:#ffffff4d;border-radius:0 50% 50% 0;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left center;transition:all .2s linear 0s;width:30px}.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links .reactIcon{font-size:19px}.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links .freelance-btn:hover{text-indent:30px}.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links .freelance-btn:hover .reactIcon,.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links .freelance-btn:hover i{text-indent:0;transform:scale(1)}.about .showcase-content .infos .results{flex:0 0 40%;max-width:40%;padding-left:15px;padding-right:15px;position:relative;width:100%}.about .showcase-content .infos .results .container{display:flex;flex-wrap:wrap;height:100%;margin-left:-15px;margin-right:-15px}.about .showcase-content .infos .results .container .indicator{flex:0 0 70%;margin:auto auto 10px;max-width:70%;padding-left:15px;padding-right:15px;position:relative;width:100%}.about .showcase-content .infos .results .container .indicator .box-stats{border:2px solid var(--dark-white);border-radius:5px;padding:20px 30px 25px 40px}.about .showcase-content .infos .results .container .indicator .box-stats h3{color:var(--primary-color);display:inline-block;font-size:50px;font-weight:700;margin:0;position:relative}.about .showcase-content .infos .results .container .indicator .box-stats h3:after{content:"+";font-size:33px;font-weight:300;position:absolute;right:-24px;top:2px}.about .showcase-content .infos .results .container .indicator .box-stats p{margin:0;padding-left:45px;position:relative;text-transform:uppercase}.about .showcase-content .infos .results .container .indicator .box-stats p:before{background:var(--dark-white);content:"";height:2px;left:0;position:absolute;top:13px;width:30px}.about .showcase-content .infos .results .container .indicator p span{display:block}@media only screen and (max-width:1450px){.about .showcase-content .infos .personal{flex:0 0 72%;max-width:72%}.about .showcase-content .infos .results{flex:0 0 28%;max-width:28%}.about .showcase-content .infos .results .container .indicator{flex:0 0 95%;max-width:95%}}@media only screen and (max-width:1200px){.about .showcase-content .infos .results .container .indicator{padding-left:0;padding-right:0}}@media only screen and (max-width:1100px){.about .showcase-content .infos .results .container .indicator .box-stats{padding:20px 30px 25px 25px}}@media only screen and (max-width:1000px){.about .showcase-content .infos .personal{flex:0 0 100%;max-width:100%}.about .showcase-content .infos .results{flex:0 0 100%;margin-top:30px;max-width:100%}.about .showcase-content .infos .results .container .indicator{flex:0 0 40%;max-width:40%}.about .showcase-content .infos .results .container .indicator .box-stats{padding:20px 30px 25px 40px}}@media only screen and (max-width:800px){.about .showcase-content .infos .personal .container .title{margin-bottom:15px}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .progress-line span:after,.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .progress-line span:before{display:none}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .lang .level{display:block}.about .showcase-content .infos .results .container .indicator .box-stats{padding:20px 20px 25px}}@media only screen and (max-width:650px){.about .showcase-content .infos .results{margin-top:20px}.about .showcase-content .infos .results .container .indicator{flex:0 0 45%;max-width:45%}}@media only screen and (max-width:542px){.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links{padding-inline:0}.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links .freelance-btn:first-child{margin-right:0}.about .showcase-content .infos .results .container .indicator{flex:0 0 60%;max-width:60%}}@media only screen and (max-width:435px){.about .showcase-content .infos .personal .container .to-ask .multiple li .question,.about .showcase-content .infos .personal .container .to-ask .multiple li .response{font-size:14px}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages{padding-inline:10px}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .lang span{font-size:14px}.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links .freelance-btn{font-size:13px}.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links .reactIcon{font-size:16px}}@media only screen and (max-width:400px){.about .showcase-content .infos .personal .container .to-ask .multiple li .response{display:block}.about .showcase-content .infos .personal .container .to-ask .multiple li .response.dispo{display:inline}.about .showcase-content .infos .results .container .indicator .box-stats{padding:5px 5px 10px 10px}.about .showcase-content .infos .results .container .indicator .box-stats p{font-size:13px;margin-top:-10px}.about .showcase-content .infos .results .container .indicator .box-stats p:before{top:8px;width:30px}}@media only screen and (max-width:360px){.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links .freelance-btn,.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .lang span,.about .showcase-content .infos .personal .container .to-ask .multiple li .question,.about .showcase-content .infos .personal .container .to-ask .multiple li .response{font-size:12px}}@media only screen and (max-width:324px){.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links .freelance-btn,.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .lang span,.about .showcase-content .infos .personal .container .to-ask .multiple li .question,.about .showcase-content .infos .personal .container .to-ask .multiple li .response{font-size:11px}.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links .reactIcon{font-size:13px}.about .showcase-content .infos .results .container .indicator .box-stats{padding:0 5px 5px 10px}}@media only screen and (max-width:320px){.about .showcase-content .infos .results .container .indicator .box-stats h3{font-size:38px}.about .showcase-content .infos .results .container .indicator .box-stats h3:after{font-size:33px;top:-2px}.about .showcase-content .infos .results .container .indicator .box-stats p{font-size:11px;padding-left:35px}.about .showcase-content .infos .results .container .indicator .box-stats p:before{top:8px;width:24px}}@media only screen and (max-width:280px){.about .showcase-content .infos .results .container .indicator .box-stats p{font-size:10px}.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links .freelance-btn{width:130px}.about .showcase-content .infos .results .container .indicator{flex:0 0 80%;max-width:80%}}.about .showcase-content .skills .title{margin-bottom:20px;text-align:center}.about .showcase-content .skills .menu{clear:both;display:block;margin:auto auto 10px;overflow:hidden;text-align:center}.about .showcase-content .skills .menu ul li{cursor:pointer;display:inline-block;font-size:14px;font-weight:400;margin:5px 10px;text-underline-position:under}.about .showcase-content .skills .menu ul li>span{color:var(--primary-color);padding:3px 5px}.about .showcase-content .skills .menu ul li>span.active{text-decoration:underline!important}.about .showcase-content .skills .menu ul li>span .reactIcon{font-size:18px;margin-left:4px;margin-top:-1px}@media (hover:hover){.about .showcase-content .skills .menu ul li>span:hover{background-color:var(--transp-primary-light)}}.about .showcase-content .skills .menu ul li>span:active{color:var(--dark-white)}.about .showcase-content .skills .container{grid-gap:1rem;align-items:center;display:grid;grid-template-columns:repeat(8,1fr);justify-content:center;padding:1rem 0;text-align:center}.about .showcase-content .skills .container .box .skill{align-items:center;display:flex;flex-direction:column;margin-bottom:.5rem;padding:.5rem;position:relative}.about .showcase-content .skills .container .box .skill .logo{align-items:center;border-radius:45px;display:flex;height:90px;justify-content:center;position:relative;transition:.5s;width:90px}.about .showcase-content .skills .container .box .skill .logo img{width:80px;z-index:2}.about .showcase-content .skills .container .box .skill h4{font-size:16px;font-weight:600}@media (hover:none){.about .showcase-content .skills .container .box:active .logo{transform:translateX(-20px)}}@media (hover:hover){.about .showcase-content .skills .container .box:hover .logo{transform:translateX(-20px)}}@media only screen and (max-width:1750px){.about .showcase-content .skills .container{grid-template-columns:repeat(7,1fr)}}@media only screen and (max-width:1500px){.about .showcase-content .skills .menu ul li{font-size:14px;margin:5px 8px}.about .showcase-content .skills .container{grid-template-columns:repeat(6,1fr)}}@media only screen and (max-width:1250px){.about .showcase-content .skills .container{grid-template-columns:repeat(5,1fr)}}@media only screen and (max-width:1000px){.about .showcase-content .skills .menu ul li{font-size:14px;margin:5px 7px}.about .showcase-content .skills .container{grid-template-columns:repeat(4,1fr)}}@media only screen and (max-width:800px){.about .showcase-content .skills .title{margin-bottom:15px}.about .showcase-content .skills .container .box .skill .logo img{width:60px}.about .showcase-content .skills .container .box .skill h4{font-size:13px}.about .showcase-content .skills .menu ul li{font-size:14px;margin:5px}.about .showcase-content .skills .menu ul li>span{padding:3px}.about .showcase-content .skills .container .box .skill{margin-bottom:0;padding:.5rem}}@media only screen and (max-width:600px){.about .showcase-content .skills .menu ul li{font-size:12px;margin:3px 4px}.about .showcase-content .skills .menu ul li>span{padding:3px 2px}.about .showcase-content .skills .menu ul li>span .reactIcon{font-size:16px;margin-left:3px}.about .showcase-content .skills .container{grid-template-columns:repeat(3,1fr)}.about .showcase-content .skills .container .box .skill{padding:.3rem}}@media only screen and (max-width:400px){.about .showcase-content .skills .container{grid-template-columns:repeat(2,1fr)}.about .showcase-content .skills .container .box .skill{padding:.1rem}}@media only screen and (max-width:250px){.about .showcase-content .skills .container{grid-template-columns:repeat(1,1fr)}}.about .showcase-content .resume{display:flex;flex-wrap:wrap}.about .showcase-content .resume .title{display:block;flex:0 0 100%;margin-bottom:40px;max-width:100%;position:relative;text-align:center;width:100%}.about .showcase-content .resume .container ul{list-style:none;margin:0;padding:0}.about .showcase-content .resume .container ul li{margin:0 0 50px;padding:0 20px 0 60px;position:relative}.about .showcase-content .resume .container ul li:after{border-left:1px solid var(--light-black);bottom:0;content:"";left:20px;position:absolute;top:0}.about .showcase-content .resume .sub-1{display:none;margin-bottom:30px}hr.sub-separator{border-top:1px solid var(--dark-white);display:none;flex:0 0 100%;margin:0 auto 5px;max-width:100%;max-width:40%}.about .showcase-content .resume .sub-2{display:none;margin:30px 0}.about .showcase-content .resume .container ul li .line{background-color:var(--primary-color);border-radius:50%;color:#fff;height:40px;left:0;line-height:40px;position:absolute;right:0;text-align:center;width:40px;z-index:1}.about .showcase-content .resume .container ul li .line.edu .reactIcon{font-size:22px;margin-top:-3px}.about .showcase-content .resume .container ul li .line.exp .reactIcon{font-size:18px;margin-top:-3px}.about .showcase-content .resume .container ul li .release-date{background-color:var(--light-black);border-radius:20px;color:var(--light-color);display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;margin-top:10px;opacity:.8;padding:1px 10px}.about .showcase-content .resume .container ul li .duration{display:inline-block;font-size:14px;margin-left:8px}.about .showcase-content .resume .container ul li .duration .type{text-decoration:underline}.about .showcase-content .resume .container ul li img{margin-top:20px;width:250px}.about .showcase-content .resume .education{flex:0 0 50%;max-width:50%;padding-right:8px;position:relative;width:100%}.about .showcase-content .resume .education .container ul li .degree{font-size:18px;margin:7px 0 10px}.about .showcase-content .resume .education .container ul li .place{font-size:15px}.about .showcase-content .resume .experience{flex:0 0 50%;max-width:50%;padding-left:8px;position:relative;width:100%}.about .showcase-content .resume .experience .container ul li .post{font-size:18px;margin:7px 0 10px}.about .showcase-content .resume .experience .container ul li .post .place{font-size:15px;font-weight:600;opacity:.8;padding-left:26px;position:relative}.about .showcase-content .resume .experience .container ul li:hover .post .place{color:var(--primary-color);opacity:1}.about .showcase-content .resume .experience .container ul li .post .place:before{background-color:var(--light-black);content:"";height:2px;left:7px;opacity:.8;position:absolute;top:9px;width:10px}.about .showcase-content .resume .experience .container ul li .description{font-size:14px;margin:0}@media only screen and (max-width:800px){.about .showcase-content .resume .title{margin-bottom:30px}.about .showcase-content .resume .education{flex:0 0 100%;max-width:100%;padding-right:0}.about .showcase-content .resume .experience{flex:0 0 100%;max-width:100%;padding-left:0}.about .showcase-content .resume .title{display:none}.about .showcase-content .resume .sub-1,.about .showcase-content .resume .sub-2,hr.sub-separator{display:block}}@media only screen and (max-width:500px){.about .showcase-content .resume .container ul li .release-date{margin-left:-10px}.about .showcase-content .resume .container ul li img{margin-left:-10px;width:200px}.about .showcase-content .resume .experience .container ul li .post{font-size:17px;margin-left:-10px}.about .showcase-content .resume .experience .container ul li .description{font-size:14px;margin-left:-10px}.about .showcase-content .resume .education .container ul li .degree{font-size:17px;margin-left:-10px}.about .showcase-content .resume .education .container ul li .place{font-size:14px;margin-left:-10px}}@media only screen and (max-width:350px){.about .showcase-content .resume .container ul li .duration{display:block;margin-left:-10px}.about .showcase-content .resume .container ul li img{width:150px}}@media only screen and (max-width:300px){.about .showcase-content .resume .container ul li img{width:120px}}@media only screen and (max-width:250px){.about .showcase-content .resume .container ul li img{width:100px}}.about .showcase-content .hobbies .title{margin-bottom:20px;text-align:center}.about .showcase-content .hobbies .container{grid-gap:3rem;align-items:center;display:grid;grid-template-columns:repeat(5,1fr);justify-content:center;padding:1rem 0;text-align:center}.about .showcase-content .hobbies .container .box{align-items:center;display:flex;flex-direction:column;height:auto;margin-bottom:.5rem;padding:.5rem;position:relative;width:100%}.about .showcase-content .hobbies .container .box .image{display:block;width:120px}.about .showcase-content .hobbies .container .overlay{background-color:var(--light-color);bottom:0;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:.5s ease;width:100%}.about .showcase-content .hobbies .container .box:hover .overlay{opacity:1}.about .showcase-content .hobbies .container .overlay .text{color:var(--primary-color);font-size:22px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}@media only screen and (max-width:1150px){.about .showcase-content .hobbies .container{grid-gap:2rem}}@media only screen and (max-width:1050px){.about .showcase-content .hobbies .container{grid-gap:1rem}}@media only screen and (max-width:1000px){.about .showcase-content .hobbies .container{grid-template-columns:repeat(4,1fr)}}@media only screen and (max-width:800px){.about .showcase-content .hobbies .title{margin-bottom:15px}.about .showcase-content .hobbies .container{grid-template-columns:repeat(3,1fr)}.about .showcase-content .hobbies .container .box .image{width:100px}.about .showcase-content .hobbies .container .overlay .text{font-size:18px}}@media only screen and (max-width:500px){.about .showcase-content .hobbies .container{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:350px){.about .showcase-content .hobbies .container{grid-template-columns:repeat(1,1fr)}}hr.portfolioSeparator{border-top:1px solid var(--dark-white);margin:35px auto 40px;max-width:40%}@media only screen and (max-width:800px){hr.portfolioSeparator{margin:35px auto}}.portfolio .showcase-content .projects .title{margin-bottom:40px;text-align:center}.portfolio .showcase-content .projects .container{position:relative}.portfolio .showcase-content .projects .container .fade{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-name:fade;animation-name:fade}@keyframes fade{0%{opacity:.4}to{opacity:1}}.portfolio .showcase-content .projects .container .demo{display:flex;flex-wrap:wrap;margin-bottom:30px;padding-inline:60px;width:100%}.portfolio .showcase-content .projects .container .demo.hidden{display:none}.portfolio .showcase-content .projects .container .demo.selected{display:flex}.portfolio .showcase-content .projects .container .demo .thumbnail{border-radius:5px;box-shadow:0 5px 10px 0 #00000080;cursor:pointer;flex:0 0 50%;margin:auto;max-width:50%;overflow:hidden;position:relative;width:100%}.portfolio .showcase-content .projects .container .demo .thumbnail img{box-shadow:1px 1px 5px var(--dark-white);transform:scale(1);transition:.3s ease-in-out;vertical-align:middle;width:100%}.portfolio .showcase-content .projects .container .demo .thumbnail:hover img{transform:scale(1.1)}.portfolio .showcase-content .projects .container .demo .introduction{flex:0 0 50%;margin:auto;max-width:50%;padding-left:4%;padding-right:2%;position:relative;width:100%}.portfolio .showcase-content .projects .container .demo .introduction h3{color:var(--primary-color);display:inline-block;font-size:25px;font-weight:600;letter-spacing:1px;margin-bottom:5px;position:relative}.portfolio .showcase-content .projects .container .demo .introduction .category{color:var(--dark-gray);font-size:16px;font-weight:400;margin-left:8px;position:relative;text-transform:uppercase}.portfolio .showcase-content .projects .container .demo .introduction .description{font-size:18px;font-weight:400;margin-bottom:10px}.portfolio .showcase-content .projects .container .demo .introduction .version{display:inline-block;margin-bottom:10px}.portfolio .showcase-content .projects .container .demo .introduction .version select{-webkit-appearance:none;appearance:none;background-color:initial;border:1px solid var(--dark-white);box-shadow:0 0 5px var(--dark-white);color:var(--dark-color);font-size:15px;font-weight:500;outline:none;padding:5px 25px 5px 5px}@media (hover:none){.portfolio .showcase-content .projects .container .demo .introduction .version select:active{background-color:var(--dark-white)}}@media (hover:hover){.portfolio .showcase-content .projects .container .demo .introduction .version select:hover{background-color:var(--dark-white)}}.portfolio .showcase-content .projects .container .demo .introduction .version select option{background-color:var(--dark-white)}.portfolio .showcase-content .projects .container .demo .introduction .version .reactIcon{font-size:16px;left:-18px;margin-top:-1px;pointer-events:none;position:relative}.portfolio .showcase-content .projects .container .demo .introduction .key-words{font-size:15px;font-weight:400}.portfolio .showcase-content .projects .container .demo .introduction .key-words>span{background-color:var(--dark-gray);border-radius:10px;color:var(--light-color);display:inline-block;margin-inline:2.5px;margin-bottom:6px;opacity:.7;padding:4px 8px}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn{background:#0000;border:0;cursor:pointer;display:inline-block;font-family:inherit;font-size:inherit;height:auto;margin-top:16px;outline:none;padding:0;position:relative;text-decoration:none;vertical-align:middle;width:10rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn#simple-redirect{cursor:not-allowed}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn#simple-redirect:active{transform:none}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle{background-color:var(--light-black);border-radius:1.625rem;display:block;height:3rem;margin:0;position:relative;transition:all .45s cubic-bezier(.65,0,.076,1);width:3rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle .icon{bottom:0;margin:auto;position:absolute;top:0;transition:all .45s cubic-bezier(.65,0,.076,1)}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle .icon.arrow{background:none;height:.125rem;left:.625rem;transition:all .45s cubic-bezier(.65,0,.076,1);width:1.125rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle .icon.arrow:before{border-right:.125rem solid var(--light-color);border-top:.125rem solid var(--light-color);content:"";height:.625rem;margin-top:-1px;position:absolute;right:.0625rem;top:-.25rem;transform:rotate(45deg);width:.625rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .button-text{bottom:0;color:var(--dark-color);font-size:16px;font-weight:600;left:0;letter-spacing:1px;line-height:1.5;margin:0 0 0 1.85rem;padding:.75rem 0;position:absolute;right:0;text-align:center;top:0;transition:all .45s cubic-bezier(.65,0,.076,1)}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn:hover .circle{width:100%}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn:hover .circle .icon.arrow{background-color:var(--light-color);transform:translate(1rem)}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn:hover .button-text{color:var(--light-color)}@media (hover:hover){.portfolio .showcase-content .projects .container .demo .introduction .demo-btn:active{transform:scale(.9)}}.portfolio .showcase-content .projects .container .next,.portfolio .showcase-content .projects .container .prev{color:var(--primary-color);cursor:pointer;font-size:30px;font-weight:700;margin-top:-65px;padding:10px 14px;position:absolute;top:50%;transition:.6s ease;width:auto}.portfolio .showcase-content .projects .container .prev{border-radius:0 10px 10px 0;left:0}.portfolio .showcase-content .projects .container .next{border-radius:10px 0 0 10px;right:0}@media (hover:none){.portfolio .showcase-content .projects .container .next:active,.portfolio .showcase-content .projects .container .prev:active{background-color:var(--dark-white);color:var(--primary-color)}}@media (hover:hover){.portfolio .showcase-content .projects .container .next:hover,.portfolio .showcase-content .projects .container .prev:hover{background-color:var(--dark-white);color:var(--primary-color)}}.portfolio .showcase-content .projects .container .next:active,.portfolio .showcase-content .projects .container .prev:active{opacity:.8;transition:0s}.portfolio .showcase-content .projects .container .bullets-indicators{text-align:center}.portfolio .showcase-content .projects .container .bullets-indicators .dot{background-color:var(--dark-white);border-radius:50%;cursor:pointer;display:inline-block;height:15px;margin:0 4px;transition:background-color .6s ease;width:15px}@media (hover:hover){.portfolio .showcase-content .projects .container .bullets-indicators .dot:hover{background-color:var(--dark-gray)}}.portfolio .showcase-content .projects .container .bullets-indicators .dot.active{background-color:var(--primary-color)}@media only screen and (max-width:1500px){.portfolio .showcase-content .projects .container .demo{padding-inline:50px}.portfolio .showcase-content .projects .container .demo .introduction h3{font-size:23px;margin-bottom:3px}.portfolio .showcase-content .projects .container .demo .introduction .category{font-size:15px}.portfolio .showcase-content .projects .container .demo .introduction .description{font-size:16px;margin-bottom:10px}.portfolio .showcase-content .projects .container .demo .introduction .key-words{font-size:13px}}@media only screen and (max-width:1300px){.portfolio .showcase-content .projects .container .demo{padding-inline:45px}.portfolio .showcase-content .projects .container .demo .thumbnail{flex:0 0 50%;max-width:50%}.portfolio .showcase-content .projects .container .demo .introduction{flex:0 0 50%;max-width:50%;padding-left:4%;padding-right:1%}.portfolio .showcase-content .projects .container .demo .introduction h3{font-size:22px;margin-bottom:2px}.portfolio .showcase-content .projects .container .demo .introduction .description{font-size:15px;margin-bottom:12px}.portfolio .showcase-content .projects .container .demo .introduction .version{margin-bottom:7px}.portfolio .showcase-content .projects .container .demo .introduction .version select{font-size:13px;padding:5px 20px 5px 5px}.portfolio .showcase-content .projects .container .demo .introduction .version .reactIcon{left:-17px;margin-top:1px}.portfolio .showcase-content .projects .container .demo .introduction .key-words{font-size:12px;margin-bottom:4px}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn{margin-top:10px}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle{height:2.6rem;width:2.6rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle .icon.arrow{left:.5rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle .icon.arrow:before{height:.525rem;margin-right:-1px;margin-top:0;width:.525rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .button-text{font-size:16px;line-height:1.3;margin:0 0 0 1rem}.portfolio .showcase-content .projects .container .next,.portfolio .showcase-content .projects .container .prev{font-size:25px;margin-top:-52px;padding:8px 10px}}@media only screen and (max-width:1130px){.portfolio .showcase-content .projects .container .demo{padding-inline:60px}.portfolio .showcase-content .projects .container .demo .thumbnail{flex:0 0 100%;max-width:100%}.portfolio .showcase-content .projects .container .demo .introduction{flex:0 0 100%;max-width:100%;padding-left:1%;padding-right:1%;padding-top:4%;text-align:center}.portfolio .showcase-content .projects .container .demo .introduction h3{font-size:25px;margin-bottom:5px}.portfolio .showcase-content .projects .container .demo .introduction .description{font-size:18px;margin-bottom:13px}.portfolio .showcase-content .projects .container .demo .introduction .version{margin-bottom:10px}.portfolio .showcase-content .projects .container .demo .introduction .version select{font-size:15px;padding:5px 25px 5px 5px}.portfolio .showcase-content .projects .container .demo .introduction .version .reactIcon{left:-18px;margin-top:-1px}.portfolio .showcase-content .projects .container .demo .introduction .key-words{font-size:15px}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn{margin-top:16px}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle{height:3rem;width:3rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle .icon.arrow{left:.625rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle .icon.arrow:before{height:.625rem;margin-right:0;margin-top:-1px;width:.625rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .button-text{font-size:16px;line-height:1.5;margin:0 0 0 2rem}.portfolio .showcase-content .projects .container .next,.portfolio .showcase-content .projects .container .prev{font-size:30px;margin-top:-55px;padding:10px 14px;top:23vw}}@media only screen and (max-width:800px){.portfolio .showcase-content .projects .title{margin-bottom:20px}.portfolio .showcase-content .projects .container .demo{padding-inline:45px}.portfolio .showcase-content .projects .container .demo .introduction h3{font-size:22px;margin-bottom:5px}.portfolio .showcase-content .projects .container .demo .introduction .category{font-size:14px;margin-left:7px}.portfolio .showcase-content .projects .container .demo .introduction .description{font-size:15px;margin-bottom:13px}.portfolio .showcase-content .projects .container .demo .introduction .version{margin-bottom:10px}.portfolio .showcase-content .projects .container .demo .introduction .version select{font-size:13px;padding:5px 20px 5px 5px}.portfolio .showcase-content .projects .container .demo .introduction .version .reactIcon{left:-17px;margin-top:1px}.portfolio .showcase-content .projects .container .demo .introduction .key-words{font-size:13px;margin-bottom:5px}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn{margin-top:10px}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle{height:2.5rem;width:2.5rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle .icon.arrow{left:.4rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle .icon.arrow:before{height:.525rem;margin-right:-1px;margin-top:0;width:.525rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .button-text{font-size:14px;line-height:1.2;margin:0 0 0 .4rem}.portfolio .showcase-content .projects .container .next,.portfolio .showcase-content .projects .container .prev{font-size:25px;margin-top:-40px;padding:8px 10px}}@media only screen and (max-width:530px){.portfolio .showcase-content .projects .container .demo{padding-inline:32px}.portfolio .showcase-content .projects .container .demo .introduction h3{font-size:18px;margin-bottom:3px}.portfolio .showcase-content .projects .container .demo .introduction .category{font-size:11px;margin-left:6px}.portfolio .showcase-content .projects .container .demo .introduction .description{font-size:12px;margin-bottom:11px}.portfolio .showcase-content .projects .container .demo .introduction .version{margin-bottom:7px}.portfolio .showcase-content .projects .container .demo .introduction .version select{font-size:10px;padding:3px 17px 3px 3px}.portfolio .showcase-content .projects .container .demo .introduction .version .reactIcon{font-size:14px;left:-15px;margin-top:3px}.portfolio .showcase-content .projects .container .demo .introduction .key-words{font-size:10px}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn{margin-top:6px;width:7rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle{height:1.8rem;width:1.8rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle .icon.arrow{height:.06rem;left:.05rem;width:1rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle .icon.arrow:before{border-right:.1rem solid var(--light-color);border-top:.1rem solid var(--light-color);height:.35rem;margin-top:1px;width:.35rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .button-text{font-size:13px;line-height:.4;margin:0 0 0 1.7rem;padding:.75rem 0}.portfolio .showcase-content .projects .container .next,.portfolio .showcase-content .projects .container .prev{font-size:20px;margin-top:-40px;padding:5px 7px;top:26vw}}.portfolio .showcase-content .certificates .title{margin-bottom:25px;text-align:center}.portfolio .showcase-content .certificates .container{display:table;margin:0 auto}.portfolio .showcase-content .certificates .container .certificate{margin:15px 0}.portfolio .showcase-content .certificates .container .icon{position:relative;vertical-align:middle;width:30px}.portfolio .showcase-content .certificates .container .date{display:inline;font-size:16px;font-weight:500;opacity:.8;padding-left:10px;position:relative}.portfolio .showcase-content .certificates .container .name{font-size:16px;font-weight:500;padding-left:26px;position:relative;text-transform:uppercase}.portfolio .showcase-content .certificates .container .date:after{background-color:var(--light-black);content:"";height:2px;opacity:.8;position:absolute;right:-17px;top:10px;width:10px}.portfolio .showcase-content .certificates .container .certificate:hover>.date{color:var(--primary-color)}@media only screen and (max-width:800px){.portfolio .showcase-content .certificates .title{margin-bottom:15px}.portfolio .showcase-content .certificates .container{text-align:center}.portfolio .showcase-content .certificates .container .icon{width:28px}.portfolio .showcase-content .certificates .container .name{padding-left:0}.portfolio .showcase-content .certificates .container .date{display:block;font-size:15px;padding-left:0}.portfolio .showcase-content .certificates .container .date:after{display:none}.portfolio .showcase-content .certificates .container .name{font-size:14px}}@media only screen and (max-width:530px){.portfolio .showcase-content .certificates .container .icon{width:25px}.portfolio .showcase-content .certificates .container .date,.portfolio .showcase-content .certificates .container .name{font-size:13px}}@media only screen and (max-width:300px){.portfolio .showcase-content .certificates .container .icon{width:20px}.portfolio .showcase-content .certificates .container .date,.portfolio .showcase-content .certificates .container .name{font-size:12px}}.contact .showcase-content{align-items:center;display:flex;justify-content:space-between}.contact .showcase-content .infos-container{width:40%}.contact .showcase-content .infos-container h1{font-size:45px;font-weight:600;letter-spacing:2px;margin-bottom:5px;text-transform:uppercase}.contact .showcase-content .infos-container .description{font-size:25px;font-weight:400;opacity:.7}.contact .showcase-content .infos-container .my-link .directly{margin-bottom:30px;margin-left:15px;margin-top:20px}.contact .showcase-content .infos-container .my-link .directly p{display:inline-block;font-size:19px;font-weight:600;line-height:21px;margin:3px 0;padding-left:50px;padding-top:5px;position:relative;-webkit-user-select:text;user-select:text}.contact .showcase-content .infos-container .my-link .directly .call .reactIcon,.contact .showcase-content .infos-container .my-link .directly .email .reactIcon:not(.reactIcon.copy),.contact .showcase-content .infos-container .my-link .directly .location .reactIcon{background-color:var(--primary-color);border-radius:25%;color:var(--light-color);left:0;position:absolute;top:7px}.contact .showcase-content .infos-container .my-link .directly .email .reactIcon:not(.reactIcon.copy){font-size:28px;padding:5px 7px}.contact .showcase-content .infos-container .my-link .directly .call .reactIcon{font-size:32px;padding:3px 5px}.contact .showcase-content .infos-container .my-link .directly .location .reactIcon{font-size:30px;padding:4px 6px}.contact .showcase-content .infos-container .my-link .directly .call span:not(.reactIcon),.contact .showcase-content .infos-container .my-link .directly .email span:not(.reactIcon),.contact .showcase-content .infos-container .my-link .directly .location span:not(.reactIcon){display:block;font-weight:500;opacity:.8;text-transform:uppercase}.contact .showcase-content .infos-container .my-link .directly .email .copy{cursor:pointer;font-size:18px;margin-left:7px;margin-top:-2px;transition:transform .2s}.contact .showcase-content .infos-container .my-link .directly .email .copy:hover{transform:scale(1.3)}.contact .showcase-content .infos-container .my-link .directly .email .copy:active{color:var(--primary-color)}.contact .showcase-content .infos-container .my-link .directly p:hover>.reactIcon:not(.reactIcon.copy){background-color:initial;color:var(--primary-color);transition:.3s}.contact .showcase-content .infos-container .my-link .socialNetworks-container{display:table;margin:auto}.contact .showcase-content .infos-container .my-link .socialNetworks-container .social-business{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(1,1fr)}.contact .showcase-content .infos-container .my-link .socialNetworks-container .social-media{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(1,1fr)}.contact .showcase-content .infos-container .my-link .socialNetworks-container a{display:flex;padding:5px;transition:all .15s ease-in-out}@media (hover:none){.contact .showcase-content .infos-container .my-link .socialNetworks-container a:active{margin-top:-10px;transform:translateY(-8)}}@media (hover:hover){.contact .showcase-content .infos-container .my-link .socialNetworks-container a:hover{margin-top:-10px;transform:translateY(-8)}}.contact .showcase-content .infos-container .my-link .socialNetworks-container a img{height:45px;margin:auto}.contact .showcase-content .chat-container{align-items:center;display:flex;flex-basis:60%;margin-left:30px;position:relative;text-align:center}.contact .showcase-content .chat-container form .form-alert .output{display:block;display:none}.contact .showcase-content .chat-container form input{background-color:var(--dark-white);border:2px solid #0000;border-radius:20px;color:var(--dark-color);font-family:Poppins;font-size:15px;font-weight:500;height:45px;outline:none;padding:0 20px;width:31%}.contact .showcase-content .chat-container form input[type=email]{margin-inline:2.5%}.contact .showcase-content .chat-container form textarea{background-color:var(--dark-white);border:2px solid #0000;border-radius:20px;color:var(--dark-color);font-family:Poppins;font-size:15px;font-weight:500;height:300px;margin-bottom:2%;margin-top:2.5%;outline:none;padding:10px 20px;resize:none;width:99%}.contact .showcase-content .chat-container form input::-webkit-input-placeholder,.contact .showcase-content .chat-container form textarea::-webkit-input-placeholder{font-size:17px;font-weight:400}@media (hover:hover){.contact .showcase-content .chat-container form input:hover,.contact .showcase-content .chat-container form textarea:hover{filter:drop-shadow(0 0 2px var(--dark-color))}}.contact .showcase-content .chat-container form input:focus,.contact .showcase-content .chat-container form textarea:focus{border:2px solid var(--primary-color);filter:drop-shadow(0 0 0 var(--dark-color));transition:.3s}.contact .showcase-content .chat-container form .submit-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:18px;font-weight:600;letter-spacing:2px;outline:none;overflow:hidden;padding:10px 15px;position:relative;transition:.2s}.contact .showcase-content .chat-container form .submit-btn .reactIcon{font-size:19px;margin-left:10px;margin-top:-1px}.contact .showcase-content .chat-container form .submit-btn:before{background:var(--primary-color);bottom:0;content:"";height:3px;left:0;position:absolute;transition:.4s;width:0}@media (hover:none){.contact .showcase-content .chat-container form .submit-btn:before{transition:.2s}.contact .showcase-content .chat-container form .submit-btn:active:before{width:100%}}@media (hover:hover){.contact .showcase-content .chat-container form .submit-btn:hover:before{width:100%}}@media only screen and (max-width:1500px){.contact .showcase-content .infos-container{width:43%}.contact .showcase-content .infos-container h1{font-size:43px}.contact .showcase-content .infos-container .description{font-size:24px}}@media only screen and (max-width:1380px){.contact .showcase-content .infos-container{width:45%}.contact .showcase-content .infos-container h1{font-size:40px}.contact .showcase-content .infos-container .description{font-size:22px}}@media only screen and (max-width:1200px){.contact .showcase-content .infos-container{width:48%}.contact .showcase-content .infos-container h1{font-size:38px}.contact .showcase-content .infos-container .description{font-size:20px}}@media only screen and (max-width:1150px){.contact .showcase-content .chat-container form input,.contact .showcase-content .chat-container form textarea{font-size:14px}.contact .showcase-content .chat-container form input::-webkit-input-placeholder,.contact .showcase-content .chat-container form textarea::-webkit-input-placeholder{font-size:15px}}@media only screen and (max-width:1075px){.contact .showcase-content .infos-container{width:50%}.contact .showcase-content .infos-container h1{font-size:36px}.contact .showcase-content .infos-container .description{font-size:18px}.contact .showcase-content .infos-container .my-link .socialNetworks-container a{padding:4px}.contact .showcase-content .infos-container .my-link .socialNetworks-container a img{height:40px}.contact .showcase-content .chat-container{margin-left:15px}.contact .showcase-content .chat-container form input{padding:0 15px}.contact .showcase-content .chat-container form textarea{padding:10px 15px}}@media only screen and (max-width:1000px){.contact .showcase-content .infos-container{width:48%}.contact .showcase-content .infos-container h1{font-size:33px}.contact .showcase-content .infos-container .description{font-size:16px}.contact .showcase-content .infos-container .my-link .directly{margin-bottom:23px;margin-left:10px}.contact .showcase-content .infos-container .my-link .directly p{font-size:15px;line-height:20px;margin:0;padding-left:50px;padding-top:3px}.contact .showcase-content .infos-container .my-link .directly .call .reactIcon,.contact .showcase-content .infos-container .my-link .directly .email .reactIcon:not(.reactIcon.copy),.contact .showcase-content .infos-container .my-link .directly .location .reactIcon{top:5px}.contact .showcase-content .infos-container .my-link .directly .email .reactIcon:not(.reactIcon.copy){font-size:25px;padding:5px 7px}.contact .showcase-content .infos-container .my-link .directly .call .reactIcon{font-size:29px;padding:3px 5px}.contact .showcase-content .infos-container .my-link .directly .location .reactIcon{font-size:27px;padding:4px 6px}.contact .showcase-content .infos-container .my-link .directly .email .copy{font-size:16px;margin-left:6px;margin-top:-2px}.contact .showcase-content .infos-container .my-link .socialNetworks-container a{padding:3px}.contact .showcase-content .infos-container .my-link .socialNetworks-container a img{height:36px}.contact .showcase-content .chat-container form input{font-size:12px;width:32%}.contact .showcase-content .chat-container form input[type=email]{margin-inline:.75%}.contact .showcase-content .chat-container form textarea{font-size:12px;height:270px;margin-top:2%}.contact .showcase-content .chat-container form input::-webkit-input-placeholder,.contact .showcase-content .chat-container form textarea::-webkit-input-placeholder{font-size:12px}}@media only screen and (max-width:800px){.contact .showcase-content{flex-direction:column}.contact .showcase-content .infos-container{width:100%}.contact .showcase-content .infos-container h1{font-size:40px}.contact .showcase-content .infos-container .description{font-size:20px}.contact .showcase-content .infos-container .my-link .directly{margin-bottom:27px;margin-left:15px}.contact .showcase-content .infos-container .my-link .directly p{font-size:16px;line-height:20px;margin:2px 0;padding-left:45px;padding-top:2px}.contact .showcase-content .infos-container .my-link .socialNetworks-container a{padding:4px}.contact .showcase-content .infos-container .my-link .socialNetworks-container a img{height:39px}.contact .showcase-content .chat-container{margin-left:0;margin-top:25px}.contact .showcase-content .chat-container form input{font-size:14px;height:45px;width:100%}.contact .showcase-content .chat-container form input[type=email]{margin:2% 0}.contact .showcase-content .chat-container form textarea{font-size:14px;height:200px;margin-bottom:2%;margin-top:2%;width:100%}.contact .showcase-content .chat-container form input::-webkit-input-placeholder,.contact .showcase-content .chat-container form textarea::-webkit-input-placeholder{font-size:15px}}@media only screen and (max-width:500px){.contact .showcase-content .infos-container h1{font-size:34px}.contact .showcase-content .infos-container .description{font-size:17px}.contact .showcase-content .infos-container .my-link .directly p{font-size:14px;line-height:18px;margin:1px 0;padding-left:45px;padding-top:5px}.contact .showcase-content .infos-container .my-link .socialNetworks-container a{padding:3px}.contact .showcase-content .infos-container .my-link .socialNetworks-container a img{height:35px}.contact .showcase-content .chat-container form .submit-btn{font-size:16px;letter-spacing:1.5px}.contact .showcase-content .chat-container form .submit-btn .reactIcon{font-size:16px;margin-left:8px}}@media only screen and (max-width:350px){.contact .showcase-content .infos-container h1{font-size:28px}.contact .showcase-content .infos-container .description{font-size:14px}.contact .showcase-content .infos-container .my-link .directly{margin-bottom:23px}.contact .showcase-content .infos-container .my-link .directly p{font-size:12px;line-height:15px;margin:1px 0;padding-left:40px;padding-top:5px}.contact .showcase-content .infos-container .my-link .directly .call .reactIcon,.contact .showcase-content .infos-container .my-link .directly .email .reactIcon:not(.reactIcon.copy),.contact .showcase-content .infos-container .my-link .directly .location .reactIcon{top:4.5px}.contact .showcase-content .infos-container .my-link .directly .email .reactIcon:not(.reactIcon.copy){font-size:22px;padding:4px 6px}.contact .showcase-content .infos-container .my-link .directly .call .reactIcon{font-size:25px;padding:2px 4.2px}.contact .showcase-content .infos-container .my-link .directly .location .reactIcon{font-size:23px;padding:3px 5.1px}.contact .showcase-content .infos-container .my-link .directly .email .copy{font-size:14px;margin-left:5px;margin-top:-2px}.contact .showcase-content .infos-container .my-link .socialNetworks-container a{padding:3px}.contact .showcase-content .infos-container .my-link .socialNetworks-container a img{height:30px}.contact .showcase-content .chat-container form input,.contact .showcase-content .chat-container form textarea{font-size:13px}.contact .showcase-content .chat-container form input::-webkit-input-placeholder,.contact .showcase-content .chat-container form textarea::-webkit-input-placeholder{font-size:14px}}@media only screen and (max-width:300px){.contact .showcase-content .infos-container h1{font-size:23px}.contact .showcase-content .infos-container .description{font-size:12.5px}.contact .showcase-content .infos-container .my-link .directly{margin-left:10px;margin-top:16px}.contact .showcase-content .infos-container .my-link .directly p{font-size:10.5px;line-height:12px;margin:-3px 0 -3px -6px;padding-left:34px;padding-top:7px}.contact .showcase-content .infos-container .my-link .directly .call .reactIcon,.contact .showcase-content .infos-container .my-link .directly .email .reactIcon:not(.reactIcon.copy),.contact .showcase-content .infos-container .my-link .directly .location .reactIcon{top:4.5px}.contact .showcase-content .infos-container .my-link .directly .email .reactIcon:not(.reactIcon.copy){font-size:19.2px;padding:3px 5.4px}.contact .showcase-content .infos-container .my-link .directly .call .reactIcon{font-size:22px;padding:1.5px 4.2px}.contact .showcase-content .infos-container .my-link .directly .location .reactIcon{font-size:20px;padding:2px 5.1px}.contact .showcase-content .infos-container .my-link .directly .email .copy{font-size:12px;margin-left:4px;margin-top:-2px}.contact .showcase-content .infos-container .my-link .socialNetworks-container a{padding:2px}.contact .showcase-content .infos-container .my-link .socialNetworks-container a img{height:28px}.contact .showcase-content .chat-container form input{font-size:12px;height:38px}.contact .showcase-content .chat-container form textarea{font-size:12px}.contact .showcase-content .chat-container form input::-webkit-input-placeholder,.contact .showcase-content .chat-container form textarea::-webkit-input-placeholder{font-size:13px}}@media only screen and (max-width:250px){.contact .showcase-content .infos-container h1{font-size:20px}.contact .showcase-content .infos-container .description{font-size:11.5px}.contact .showcase-content .infos-container .my-link .directly{margin-left:7px}.contact .showcase-content .infos-container .my-link .directly p{font-size:9.5px}.contact .showcase-content .infos-container .my-link .directly .email .copy-icon{font-size:13px}.contact .showcase-content .infos-container .my-link .socialNetworks-container a img{height:24px}.contact .showcase-content .chat-container form input,.contact .showcase-content .chat-container form textarea{font-size:11px}.contact .showcase-content .chat-container form input::-webkit-input-placeholder,.contact .showcase-content .chat-container form textarea::-webkit-input-placeholder{font-size:12px}}.notFound{display:inline-block;font-family:Nunito,sans-serif;left:50%;margin-left:-463px;position:relative}.notFound .smile{display:inline-block;margin-right:30px;vertical-align:top}.notFound .smile img{width:270px;z-index:20}.notFound .errorInfos{display:inline-block}.notFound .errorInfos h1{font-size:200px;text-transform:uppercase;-webkit-user-select:text;user-select:text}.notFound .errorInfos h2{font-size:40px;-webkit-user-select:text;user-select:text}.notFound .errorInfos p{font-size:22px;font-weight:600;margin-bottom:0;opacity:.8;-webkit-user-select:text;user-select:text}.notFound .errorInfos .backBtn{margin-top:10px;padding-bottom:6px}.notFound .errorInfos .backBtn button{background-color:var(--primary-color);border:none;border-radius:15px;box-shadow:0 4px var(--btn-shadow-light);color:#fff;cursor:pointer;font-size:16px;outline:none;padding:8px 24px;text-align:center}.notFound .errorInfos .backBtn button:hover{background-color:#448fff}.notFound .errorInfos .backBtn button:active{box-shadow:0 2px var(--btn-shadow-dark);transform:translateY(2px)}@media only screen and (max-width:1500px){.notFound{margin-left:-350px}.notFound .smile img{width:200px}.notFound .errorInfos h1{font-size:150px}.notFound .errorInfos h2{font-size:30px}.notFound .errorInfos p{font-size:17px}}@media only screen and (max-width:1000px){.notFound{margin-left:-304px}.notFound .smile{margin-right:20px}.notFound .smile img{width:190px}.notFound .errorInfos h1{font-size:120px}.notFound .errorInfos h2{font-size:25px}.notFound .errorInfos p{font-size:15px}}@media only screen and (max-width:800px){.notFound{margin-left:-261px}.notFound .smile img{width:150px}.notFound .errorInfos h1{font-size:112px}.notFound .errorInfos h2{font-size:25px}.notFound .errorInfos p{font-size:13px}.notFound .errorInfos .backBtn button{font-size:14px;padding:8px 22px}}@media only screen and (max-width:600px){.notFound{margin-left:-185px}.notFound .smile{display:block;margin-right:0;text-align:center}.notFound .smile img{width:180px}.notFound .errorInfos{display:block}.notFound .errorInfos h1{font-size:90px;text-align:center}.notFound .errorInfos h2{font-size:22px;text-align:center}.notFound .errorInfos p{font-size:14px;text-align:center}.notFound .errorInfos .backBtn{margin-top:8px;text-align:center}}@media only screen and (max-width:450px){.notFound{margin-left:-173px}.notFound .smile img{width:160px}.notFound .errorInfos h1{font-size:70px}.notFound .errorInfos h2{font-size:18px}.notFound .errorInfos p{font-size:13px}.notFound .errorInfos .backBtn{margin-top:6px}.notFound .errorInfos .backBtn button{box-shadow:0 3px var(--btn-shadow-light);font-size:12px;padding:6px 20px}.notFound .errorInfos .backBtn button:active{box-shadow:0 2px var(--btn-shadow-dark);transform:translateY(1px)}}@media only screen and (max-width:400px){.notFound{margin-left:-133px}.notFound .smile img{width:140px}.notFound .errorInfos h1{font-size:50px}.notFound .errorInfos h2{font-size:15px}.notFound .errorInfos p{font-size:10px}.notFound .errorInfos .backBtn button{font-size:10px;padding:5px 18px}}@media only screen and (max-width:300px){.notFound{margin-left:-107px}.notFound .smile img{width:120px}.notFound .errorInfos h1{font-size:40px}.notFound .errorInfos h2{font-size:12px}.notFound .errorInfos p{font-size:8px}.notFound .errorInfos .backBtn button{padding:5px 16px}}:root{--primary-color:#3386ff;--separator-line-color:#cacaca;--light-color:#fff;--dark-color:#151616;--dark-gray:#858585;--light-gray:#fff;--light-black:#363636;--dark-white:#ddd;--transp-primary-light:#92beff52;--transp-primary-dark:#92beff18;--scroller-default-color:#c7c7c7;--scroller-hover-color:#888;--btn-shadow-light:#999;--btn-shadow-dark:#666;--error-color:#f44;--success-color:#28a745;--red-color:red}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#fff;background-color:var(--light-color);color:#151616;color:var(--dark-color);font-family:Poppins,sans-serif;overflow:hidden}::-webkit-scrollbar{background-color:initial;height:.8vh;width:.8vw}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#c7c7c7;background-color:var(--scroller-default-color);border:.2vw solid #0000;border-radius:10px;box-shadow:inset 0 0 6px #0000004d;-webkit-box-shadow:inset 0 0 6px #0000004d}::-webkit-scrollbar-thumb:hover{background-color:#888;background-color:var(--scroller-hover-color)}::-webkit-scrollbar-track{background-clip:padding-box;background-color:initial;box-shadow:inset 0 0 6px #00000026;-webkit-box-shadow:inset 0 0 6px #00000026}a{-webkit-user-drag:none!important;color:#151616;color:var(--dark-color);text-decoration:none!important}p{font-weight:400}img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.reactIcon{display:inline-block;line-height:1px;vertical-align:middle}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.darkTheme{--light-color:#151616;--dark-color:#fff;--dark-gray:#cecece;--light-gray:#858585;--light-black:#d4d4d4;--dark-white:#363636;--transp-primary-light:#92beff18;--transp-primary-dark:#92beff52;--scroller-default-color:#555;--scroller-hover-color:#a8a8a8;--btn-shadow-dark:#999;--btn-shadow-light:#666}#loader{background:#fff;background:var(--light-color);bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:9999}#loader:before{animation:animate-loader 1s linear infinite;border-bottom:4px solid #fff;border-bottom:4px solid var(--light-color);border-left:4px solid #3386ff;border-left:4px solid var(--primary-color);border-radius:50%;border-right:4px solid #3386ff;border-right:4px solid var(--primary-color);border-top:4px solid #fff;border-top:4px solid var(--light-color);content:"";height:40px;left:calc(50% - 24px);position:fixed;top:calc(50% - 24px);width:40px}@keyframes animate-loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tooltipTheme{background-color:#363636!important;background-color:var(--light-black)!important;color:#fff!important;color:var(--light-color)!important}.tooltipTheme.place-top:after{border-top-color:#363636!important;border-top-color:var(--light-black)!important}.tooltipTheme.place-right:after{border-right-color:#363636!important;border-right-color:var(--light-black)!important}.tooltipTheme.place-bottom:after{border-bottom-color:#363636!important;border-bottom-color:var(--light-black)!important}.tooltipTheme.place-left:after{border-left-color:#363636!important;border-left-color:var(--light-black)!important}.type-error{background-color:#f44!important;background-color:var(--error-color)!important;color:#fff!important}.type-error.place-top:after{border-top-color:#f44!important;border-top-color:var(--error-color)!important}.type-error.place-right:after{border-right-color:#f44!important;border-right-color:var(--error-color)!important}.type-error.place-bottom:after{border-bottom-color:#f44!important;border-bottom-color:var(--error-color)!important}.type-error.place-left:after{border-left-color:#f44!important;border-left-color:var(--error-color)!important}.type-success{background-color:#28a745!important;background-color:var(--success-color)!important;color:#fff!important}.type-success.place-top:after{border-top-color:#28a745!important;border-top-color:var(--success-color)!important}.type-success.place-right:after{border-right-color:#28a745!important;border-right-color:var(--success-color)!important}.type-success.place-bottom:after{border-bottom-color:#28a745!important;border-bottom-color:var(--success-color)!important}.type-success.place-left:after{border-left-color:#28a745!important;border-left-color:var(--success-color)!important}header .navbar-container{border-bottom:4px solid #cacaca;border-bottom:4px solid var(--separator-line-color);margin:auto;overflow:hidden;width:94%}header .navbar-container .navbar{align-items:center;display:flex;height:100px;width:100%}header .navbar-container .navbar a.logo-container{margin-inline:30px}header .navbar-container .navbar a .myLogo{cursor:pointer;vertical-align:middle;width:60px}header .navbar-container .navbar .reactIcon.menu-icon{color:#151616;color:var(--dark-color);cursor:pointer;display:none;font-size:27px;margin-right:22px;padding:0;pointer-events:none}@media (hover:none){header .navbar-container .navbar .reactIcon.menu-icon:active{color:#3386ff;color:var(--primary-color)}}@media (hover:hover){header .navbar-container .navbar .reactIcon.menu-icon:hover{color:#3386ff;color:var(--primary-color)}header .navbar-container .navbar .reactIcon.menu-icon:active{color:#ddd;color:var(--dark-white)}}header .navbar-container .navbar nav{flex:1 1;text-align:right}header .navbar-container .navbar nav ul{margin-top:-12px;max-height:0}header .navbar-container .navbar nav ul li{display:inline-block;list-style:none;margin-right:30px}header .navbar-container .navbar nav ul li a{text-transform:uppercase}header .navbar-container .navbar nav ul li .active{background-color:#3386ff;background-color:var(--primary-color);border-radius:20px;color:#fff;padding:7px 25px}@media (hover:none){header .navbar-container .navbar nav ul li .inactive:active{color:#3386ff;color:var(--primary-color)}}@media (hover:hover){header .navbar-container .navbar nav ul li .inactive:hover{color:#3386ff;color:var(--primary-color)}}header .navbar-container .navbar .theme{color:#151616;color:var(--dark-color);cursor:pointer;font-size:30px;margin-right:30px}header .navbar-container .navbar .reactIcon.theme{color:#151616;color:var(--dark-color);cursor:pointer;font-size:25px}@media (hover:none){header .navbar-container .navbar .theme:active{color:#3386ff;color:var(--primary-color)}}@media (hover:hover){header .navbar-container .navbar .theme:hover{color:#3386ff;color:var(--primary-color)}}.goTopBtn{background-color:#363636;background-color:var(--light-black);border-radius:50%;bottom:40px;color:#fff;color:var(--light-color);cursor:pointer;height:40px;line-height:40px;opacity:0;pointer-events:none;position:fixed;right:2.5%;text-align:center;transition:opacity .3s ease-in-out;width:40px;z-index:50}.goTopBtn .reactIcon{font-size:25px;margin-top:-1.5px}@media (hover:none){.goTopBtn:active{background-color:#3386ff;background-color:var(--primary-color)}}@media (hover:hover){.goTopBtn:hover{background-color:#3386ff;background-color:var(--primary-color)}.goTopBtn:active{background-color:#06f}}footer .copyright-container{border-top:4px solid #cacaca;border-top:4px solid var(--separator-line-color);margin:auto;padding:20px 0;width:94%}footer .copyright-container p{color:#151616;color:var(--dark-color);font-size:15px;line-height:18px;text-align:center}footer .copyright-container p .reactIcon{font-size:16px;margin-right:4px;margin-top:-4px}footer .copyright-container p .myUsername{cursor:pointer;font-weight:700;opacity:.9;position:relative}footer .copyright-container p .myUsername:before{background-color:#151616;background-color:var(--dark-color);bottom:0;content:"";display:block;height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}@media (hover:none){footer .copyright-container p .myUsername:active{opacity:1}footer .copyright-container p .myUsername:active:before{transform:scaleX(1)}}@media (hover:hover){footer .copyright-container p .myUsername:hover{opacity:1}footer .copyright-container p .myUsername:hover:before{transform:scaleX(1)}}footer .copyright-container p .heart{animation:heartbeat 1s infinite;color:red;color:var(--red-color);font-size:19px;margin-left:7px}@keyframes heartbeat{0%{transform:scale(.75)}20%{transform:scale(1)}40%{transform:scale(.75)}60%{transform:scale(1)}80%{transform:scale(.75)}to{transform:scale(.75)}}@media only screen and (max-width:800px){header .navbar-container .navbar{height:80px}header .navbar-container .navbar .theme{font-size:27px;margin-right:10px}header .navbar-container .navbar a.logo-container{margin-inline:10px}header .navbar-container .navbar a .myLogo{width:50px}header .navbar-container .navbar .reactIcon.menu-icon{display:block;pointer-events:auto}header .navbar-container .navbar nav #menu-list{overflow:hidden;transition:.5s}header .navbar-container .navbar nav ul{background:linear-gradient(180deg,#cacaca,hsla(0,0%,87%,.938));background:linear-gradient(to bottom,var(--separator-line-color),hsla(0,0%,87%,.938));position:absolute;right:3%;top:92px;width:94%;z-index:10}header .navbar-container .navbar nav ul li{display:block;margin-bottom:10px;margin-top:10px}header .navbar-container .navbar nav ul li .active{background-color:initial;border-radius:0;color:#3386ff;color:var(--primary-color);font-weight:700;padding:0}header .navbar-container .navbar nav ul li .inactive{color:#151616}.goTopBtn{bottom:32px;height:35px;line-height:33.5px;right:4%;width:35px}.goTopBtn .reactIcon{font-size:22px;margin-top:-2px}footer .copyright-container{padding:15px 0}footer .copyright-container p{font-size:13px}footer .copyright-container p .reactIcon{font-size:14px;margin-top:-3px}}@media only screen and (max-width:500px){footer .copyright-container p{font-size:11px}footer .copyright-container p .reactIcon{font-size:12px}footer .copyright-container p .heart{font-size:16px;margin-left:5px}}@media only screen and (max-width:300px){footer .copyright-container p{font-size:10px}footer .copyright-container p .reactIcon{font-size:11px}}section{margin:50px auto;width:90%}.showcase-content .title h2{font-size:27px;font-weight:600;letter-spacing:2px;text-transform:uppercase}@media only screen and (max-width:1500px){.showcase-content .title h2{font-size:24px}}@media only screen and (max-width:1000px){section{margin-bottom:25px;margin-top:25px}.showcase-content .title h2{font-size:21px}}@media only screen and (max-width:500px){.showcase-content .title h2{font-size:19px}}
/*# sourceMappingURL=main.98c348f4.css.map*/