@import "https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";.home .showcase-content{justify-content:space-between;align-items:center;display:flex}.home .showcase-content .presentation{flex-basis:60%;position:relative}.home .showcase-content .presentation .shining-text{text-transform:uppercase;background:linear-gradient(90deg, var(--light-gray), var(--dark-gray), var(--light-gray));background-repeat:no-repeat;background-size:80%;background-clip:border-box;-webkit-text-fill-color:#fff0;-webkit-background-clip:text;width:130px;margin-bottom:10px;font-size:x-large;animation:2s linear infinite shine;position:relative;overflow:hidden}@keyframes shine{0%{background-position:-500%}to{background-position:500%}}.home .showcase-content .presentation h1{letter-spacing:2px;margin:5px 0;font-size:60px;font-weight:600}.home .showcase-content .presentation h1 .myName{color:var(--primary-color);filter:drop-shadow(0px 0px 2px var(--primary-color));background:0 0}.home .showcase-content .presentation .workplace{opacity:.6;margin-bottom:10px;font-size:45px;font-weight:500}.home .showcase-content .presentation p{letter-spacing:1px;text-align:justify;font-size:23px;font-weight:400;overflow:hidden}.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);width:3px;display:inline-block;color:#0000!important}.home .showcase-content .presentation .cv-btn{color:#fff;background-color:var(--primary-color);letter-spacing:3px;border:5px solid var(--primary-color);cursor:pointer;border-radius:15px;outline:none;margin-top:30px;padding:15px 50px;font-family:Poppins,sans-serif;font-size:23px;font-weight:600;line-height:25px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 2px 10px #003870}.home .showcase-content .presentation .cv-btn .reactIcon{margin-top:-3px;margin-left:7px;font-size:25px}.home .showcase-content .presentation .cv-btn:hover{border:5px solid var(--primary-color);background-color:#06f}.home .showcase-content .presentation .cv-btn:active{border:5px solid var(--primary-color);background-color:#4d94fd}span.ripple{background-color:#4d93fd80;border-radius:50%;animation:.5s linear forwards ripple;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(1)}}.sub-line{display:none}.home .showcase-content .presentation .lang-menu{vertical-align:middle;margin-top:-4px;margin-left:10px;display:inline-block;position:relative}.home .showcase-content .presentation .lang-menu .selected-lang{cursor:pointer;border:2px solid var(--dark-white);border-radius:5px;justify-content:space-between;width:120px;padding:5px 12px;font-size:15px;font-weight:500;line-height:2;display:flex}.home .showcase-content .presentation .lang-menu ul{background-color:var(--dark-white);border-radius:5px;width:120px;margin:0;padding:0;display:none;position:absolute;top:0;left:0}.home .showcase-content .presentation .lang-menu ul li{list-style:none}.home .showcase-content .presentation .lang-menu ul li>span{justify-content:space-between;padding:5px 12px;font-size:15px;font-weight:500;line-height:2;display:flex}.home .showcase-content .presentation .lang-menu ul li>span:hover{background-color:var(--light-black);width:100%;color:var(--light-color);border-radius:5px}.home .showcase-content .presentation .lang-menu .flag-icon{width:30px;height:30px;margin-right:7px}.home .showcase-content .photo-container{flex-basis:40%;align-items:center;margin-left:25px;display:flex;position:relative}.home .showcase-content .photo-container .picture{width:100%}@media only screen and (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 (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{padding:15px 40px;font-size:20px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:22px}}@media only screen and (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{padding:15px 30px;font-size:19px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:21px}}@media only screen and (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 (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{letter-spacing:2px;padding:12px 23px;font-size:18px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:20px}}@media only screen and (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{padding:12px 20px;font-size:16px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:18px}}@media only screen and (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 (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{padding:10px 16px;font-size:14px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:15px}.home .showcase-content .presentation .lang-menu{margin-left:5px}}@media only screen and (width<=800px){.home .showcase-content{text-align:center;flex-direction:column-reverse}.home .showcase-content .presentation .shining-text{margin-left:auto;margin-right:auto;font-size:x-large}.home .showcase-content .presentation h1{font-size:52px}.home .showcase-content .presentation .workplace{font-size:40px}.home .showcase-content .presentation p{text-align:center;font-size:19px}.home .showcase-content .presentation .cv-btn{margin-top:20px;margin-bottom:4px;padding:20px 50px;font-size:22px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:22px}.sub-line{display:block}.home .showcase-content .presentation .lang-menu{margin-top:10px;margin-bottom:15px}.home .showcase-content .photo-container{margin-bottom:30px;margin-left:0}.home .showcase-content .photo-container .picture{width:70%;margin:auto;display:block}}@media only screen and (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{padding:19px 40px;font-size:20px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:20px}}@media only screen and (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{letter-spacing:2px;padding:16px 34px;font-size:18px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:19px}}@media only screen and (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{padding:14px 30px;font-size:17px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:18px}}@media only screen and (width<=500px){.home .showcase-content .presentation h1{font-size:32px}.home .showcase-content .presentation h1 .myName{filter:drop-shadow(0px 0px 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{letter-spacing:1.5px;margin-bottom:3px;padding:12px 24px;font-size:17px;font-weight:500}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:18px}.home .showcase-content .photo-container .picture{width:80%}}@media only screen and (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{padding:11px 22px;font-size:16px}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:17px}}@media only screen and (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{width:90px;padding:3px 8px;font-size:12px;font-weight:400;line-height:1.6}.home .showcase-content .presentation .lang-menu ul{width:90px}.home .showcase-content .presentation .lang-menu ul li>span{padding:3px 9px;font-size:12px;font-weight:400;line-height:1.6}.home .showcase-content .presentation .lang-menu .flag-icon{width:20px;height:20px;margin-right:7px}.home .showcase-content .photo-container .picture{width:90%}}@media only screen and (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(0px 0px 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{padding:11px 22px;font-size:14px;font-weight:400}.home .showcase-content .presentation .cv-btn .reactIcon{font-size:15px}}@media only screen and (width<=330px){.home .showcase-content .presentation .cv-btn{padding:10px 20px;font-size:12px}.home .showcase-content .presentation .cv-btn .reactIcon{margin-left:5px;font-size:13px}}hr.separator{border-top:1px solid var(--dark-white);max-width:40%;margin:30px auto 45px}@media only screen and (width<=800px){hr.separator{margin:20px auto 30px}}.about .showcase-content .infos{flex-wrap:wrap;padding-bottom:5px;display:flex}.about .showcase-content .infos .personal{flex:0 0 60%;width:100%;max-width:60%;position:relative}.about .showcase-content .infos .personal .container{flex-wrap:wrap;display:flex}.about .showcase-content .infos .personal .container .title{flex:0 0 100%;width:100%;max-width:100%;margin-bottom:20px;position:relative}.about .showcase-content .infos .personal .container .to-ask{flex:0 0 50%;width:100%;max-width:50%;position:relative}.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%;max-width:100%;margin-top:15px}.about .showcase-content .infos .personal .container .to-ask .multiple{list-style:none}.about .showcase-content .infos .personal .container .to-ask .multiple li .question{opacity:.8;text-transform:capitalize;letter-spacing:1px;font-size:17px;font-weight:400}.about .showcase-content .infos .personal .container .to-ask .multiple li .response{letter-spacing:1px;font-size:17px;font-weight:500;display:inline-block}.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{opacity:0;letter-spacing:1px;font-size:17px;font-weight:500;animation:.5s linear 1s forwards showText1}@keyframes showText1{to{opacity:1}}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .lang .level{float:right;display:none}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .progress-line{background-color:var(--dark-white);transform-origin:0;border-radius:10px;width:100%;height:10px;animation:1s cubic-bezier(1,0,.5,1) forwards animate-line;position:relative;transform:scaleX(0)}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .progress-line span{background-color:var(--primary-color);transform-origin:0;border-radius:10px;height:100%;animation:1s cubic-bezier(1,0,.5,1) 1s forwards animate-line;position:absolute;transform:scaleX(0)}@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{content:"";border:0 solid #0000;border-width:7px 0 0 7px;border-top-color:var(--light-black);opacity:0;width:0;height:0;animation:.3s linear forwards showText2;position:absolute;top:-10px;right:0}.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .progress-line span:after{background-color:var(--light-black);color:var(--light-color);opacity:0;border-radius:3px;padding:1px 3px;font-size:12px;font-weight:500;animation:.3s linear forwards showText2;position:absolute;top:-28px;right:0}@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{padding-top:15px;text-align:center;flex:0 0 100%;width:100%;max-width:100%;padding-inline:30px;position:relative}.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links .freelance-btn{background-color:var(--primary-color);text-align:center;color:#fff;letter-spacing:1px;border-radius:26px;width:150px;padding:10px 0;font-size:16px;transition:all .2s linear;display:inline-block;position:relative;overflow:hidden}.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{transform-origin:0;background-color:#ffffff4d;border-radius:0 50% 50% 0;justify-content:center;align-items:center;width:30px;height:100%;font-weight:400;transition:all .2s linear;display:flex;position:absolute;top:0;left:0;transform:scaleX(0)}.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links .reactIcon{transform-origin:0;background-color:#ffffff4d;border-radius:0 50% 50% 0;justify-content:center;align-items:center;width:30px;height:100%;font-size:19px;transition:all .2s linear;display:flex;position:absolute;top:0;left:0;transform:scaleX(0)}.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 i,.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links .freelance-btn:hover .reactIcon{text-indent:0;transform:scale(1)}.about .showcase-content .infos .results{flex:0 0 40%;width:100%;max-width:40%;padding-left:15px;padding-right:15px;position:relative}.about .showcase-content .infos .results .container{flex-wrap:wrap;height:100%;margin-left:-15px;margin-right:-15px;display:flex}.about .showcase-content .infos .results .container .indicator{flex:0 0 70%;width:100%;max-width:70%;margin:auto auto 10px;padding-left:15px;padding-right:15px;position:relative}.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);margin:0;font-size:50px;font-weight:700;display:inline-block;position:relative}.about .showcase-content .infos .results .container .indicator .box-stats h3:after{content:"+";font-size:33px;font-weight:300;position:absolute;top:2px;right:-24px}.about .showcase-content .infos .results .container .indicator .box-stats p{text-transform:uppercase;margin:0;padding-left:45px;position:relative}.about .showcase-content .infos .results .container .indicator .box-stats p:before{content:"";background:var(--dark-white);width:30px;height:2px;position:absolute;top:13px;left:0}.about .showcase-content .infos .results .container .indicator p span{display:block}@media only screen and (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 (width<=1200px){.about .showcase-content .infos .results .container .indicator{padding-left:0;padding-right:0}}@media only screen and (width<=1100px){.about .showcase-content .infos .results .container .indicator .box-stats{padding:20px 30px 25px 25px}}@media only screen and (width<=1000px){.about .showcase-content .infos .personal{flex:0 0 100%;max-width:100%}.about .showcase-content .infos .results{flex:0 0 100%;max-width:100%;margin-top:30px}.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 (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:before,.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .progress-line span:after{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 (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 (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 (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 (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{margin-top:-10px;font-size:13px}.about .showcase-content .infos .results .container .indicator .box-stats p:before{width:30px;top:8px}}@media only screen and (width<=360px){.about .showcase-content .infos .personal .container .to-ask .multiple li .question,.about .showcase-content .infos .personal .container .to-ask .multiple li .response,.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .lang span,.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links .freelance-btn{font-size:12px}}@media only screen and (width<=324px){.about .showcase-content .infos .personal .container .to-ask .multiple li .question,.about .showcase-content .infos .personal .container .to-ask .multiple li .response,.about .showcase-content .infos .personal .container .to-ask .multiple li .languages .bar .lang span,.about .showcase-content .infos .personal .container .to-ask .multiple li .freelance-links .freelance-btn{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 (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{padding-left:35px;font-size:11px}.about .showcase-content .infos .results .container .indicator .box-stats p:before{width:24px;top:8px}}@media only screen and (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{text-align:center;margin-bottom:20px}.about .showcase-content .skills .menu{clear:both;text-align:center;margin:auto auto 10px;display:block;overflow:hidden}.about .showcase-content .skills .menu ul li{cursor:pointer;text-underline-position:under;margin:5px 10px;font-size:14px;font-weight:400;display:inline-block}.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{margin-top:-1px;margin-left:4px;font-size:18px}@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{text-align:center;grid-gap:1rem;grid-template-columns:repeat(8,1fr);justify-content:center;align-items:center;padding:1rem 0;display:grid}.about .showcase-content .skills .container .box .skill{flex-direction:column;align-items:center;margin-bottom:.5rem;padding:.5rem;display:flex;position:relative}.about .showcase-content .skills .container .box .skill .logo{border-radius:45px;justify-content:center;align-items:center;width:90px;height:90px;transition:all .5s;display:flex;position:relative}.about .showcase-content .skills .container .box .skill .logo img{z-index:2;width:80px}.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:translate(-20px)}}@media (hover:hover){.about .showcase-content .skills .container .box:hover .logo{transform:translate(-20px)}}@media only screen and (width<=1750px){.about .showcase-content .skills .container{grid-template-columns:repeat(7,1fr)}}@media only screen and (width<=1500px){.about .showcase-content .skills .menu ul li{margin:5px 8px;font-size:14px}.about .showcase-content .skills .container{grid-template-columns:repeat(6,1fr)}}@media only screen and (width<=1250px){.about .showcase-content .skills .container{grid-template-columns:repeat(5,1fr)}}@media only screen and (width<=1000px){.about .showcase-content .skills .menu ul li{margin:5px 7px;font-size:14px}.about .showcase-content .skills .container{grid-template-columns:repeat(4,1fr)}}@media only screen and (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{margin:5px;font-size:14px}.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 (width<=600px){.about .showcase-content .skills .menu ul li{margin:3px 4px;font-size:12px}.about .showcase-content .skills .menu ul li>span{padding:3px 2px}.about .showcase-content .skills .menu ul li>span .reactIcon{margin-left:3px;font-size:16px}.about .showcase-content .skills .container{grid-template-columns:repeat(3,1fr)}.about .showcase-content .skills .container .box .skill{padding:.3rem}}@media only screen and (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 (width<=250px){.about .showcase-content .skills .container{grid-template-columns:repeat(1,1fr)}}.about .showcase-content .resume{flex-wrap:wrap;display:flex}.about .showcase-content .resume .title{text-align:center;flex:0 0 100%;width:100%;max-width:100%;margin-bottom:40px;display:block;position:relative}.about .showcase-content .resume .container ul{margin:0;padding:0;list-style:none}.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{content:"";border-left:1px solid var(--light-black);position:absolute;top:0;bottom:0;left:20px}.about .showcase-content .resume .sub-1{margin-bottom:30px;display:none}hr.sub-separator{border-top:1px solid var(--dark-white);flex:0 0 100%;max-width:40%;margin:0 auto 5px;display:none}.about .showcase-content .resume .sub-2{margin:30px 0;display:none}.about .showcase-content .resume .container ul li .line{text-align:center;z-index:1;color:#fff;background-color:var(--primary-color);border-radius:50%;width:40px;height:40px;line-height:40px;position:absolute;left:0;right:0}.about .showcase-content .resume .container ul li .line.edu .reactIcon{margin-top:-3px;font-size:22px}.about .showcase-content .resume .container ul li .line.exp .reactIcon{margin-top:-3px;font-size:18px}.about .showcase-content .resume .container ul li .release-date{color:var(--light-color);background-color:var(--light-black);opacity:.8;border-radius:20px;margin-top:10px;margin-bottom:12px;padding:1px 10px;font-size:12px;font-weight:600;display:inline-block}.about .showcase-content .resume .container ul li .duration{margin-left:8px;font-size:14px;display:inline-block}.about .showcase-content .resume .container ul li .duration .type{text-decoration:underline}.about .showcase-content .resume .container ul li img{width:250px;margin-top:20px}.about .showcase-content .resume .education{flex:0 0 50%;width:100%;max-width:50%;padding-right:8px;position:relative}.about .showcase-content .resume .education .container ul li .degree{margin:7px 0 10px;font-size:18px}.about .showcase-content .resume .education .container ul li .place{font-size:15px}.about .showcase-content .resume .experience{flex:0 0 50%;width:100%;max-width:50%;padding-left:8px;position:relative}.about .showcase-content .resume .experience .container ul li .post{margin:7px 0 10px;font-size:18px}.about .showcase-content .resume .experience .container ul li .post .place{opacity:.8;padding-left:26px;font-size:15px;font-weight:600;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{content:"";background-color:var(--light-black);opacity:.8;width:10px;height:2px;position:absolute;top:9px;left:7px}.about .showcase-content .resume .experience .container ul li .description{margin:0;font-size:14px}@media only screen and (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 (width<=500px){.about .showcase-content .resume .container ul li .release-date{margin-left:-10px}.about .showcase-content .resume .container ul li img{width:200px;margin-left:-10px}.about .showcase-content .resume .experience .container ul li .post{margin-left:-10px;font-size:17px}.about .showcase-content .resume .experience .container ul li .description{margin-left:-10px;font-size:14px}.about .showcase-content .resume .education .container ul li .degree{margin-left:-10px;font-size:17px}.about .showcase-content .resume .education .container ul li .place{margin-left:-10px;font-size:14px}}@media only screen and (width<=350px){.about .showcase-content .resume .container ul li .duration{margin-left:-10px;display:block}.about .showcase-content .resume .container ul li img{width:150px}}@media only screen and (width<=300px){.about .showcase-content .resume .container ul li img{width:120px}}@media only screen and (width<=250px){.about .showcase-content .resume .container ul li img{width:100px}}.about .showcase-content .hobbies .title{text-align:center;margin-bottom:20px}.about .showcase-content .hobbies .container{text-align:center;grid-gap:3rem;grid-template-columns:repeat(5,1fr);justify-content:center;align-items:center;padding:1rem 0;display:grid}.about .showcase-content .hobbies .container .box{flex-direction:column;align-items:center;width:100%;height:auto;margin-bottom:.5rem;padding:.5rem;display:flex;position:relative}.about .showcase-content .hobbies .container .box .image{width:120px;display:block}.about .showcase-content .hobbies .container .overlay{opacity:0;background-color:var(--light-color);width:100%;height:100%;transition:all .5s;position:absolute;inset:0}.about .showcase-content .hobbies .container .box:hover .overlay{opacity:1}.about .showcase-content .hobbies .container .overlay .text{color:var(--primary-color);text-align:center;font-size:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (width<=1150px){.about .showcase-content .hobbies .container{grid-gap:2rem}}@media only screen and (width<=1050px){.about .showcase-content .hobbies .container{grid-gap:1rem}}@media only screen and (width<=1000px){.about .showcase-content .hobbies .container{grid-template-columns:repeat(4,1fr)}}@media only screen and (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 (width<=500px){.about .showcase-content .hobbies .container{grid-template-columns:repeat(2,1fr)}}@media only screen and (width<=350px){.about .showcase-content .hobbies .container{grid-template-columns:repeat(1,1fr)}}hr.portfolioSeparator{border-top:1px solid var(--dark-white);max-width:40%;margin:35px auto 40px}@media only screen and (width<=800px){hr.portfolioSeparator{margin:35px auto}}.portfolio .showcase-content .projects .title{text-align:center;margin-bottom:40px}.portfolio .showcase-content .projects .container{position:relative}.portfolio .showcase-content .projects .container .fade{animation-name:fade;animation-duration:1.5s}@keyframes fade{0%{opacity:.4}to{opacity:1}}.portfolio .showcase-content .projects .container .demo{flex-wrap:wrap;width:100%;margin-bottom:30px;padding-inline:60px;display:flex}.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{cursor:pointer;border-radius:5px;flex:0 0 50%;width:100%;max-width:50%;margin:auto;position:relative;overflow:hidden;box-shadow:0 5px 10px #00000080}.portfolio .showcase-content .projects .container .demo .thumbnail img{width:100%;box-shadow:1px 1px 5px var(--dark-white);vertical-align:middle;transition:all .3s ease-in-out;transform:scale(1)}.portfolio .showcase-content .projects .container .demo .thumbnail:hover img{transform:scale(1.1)}.portfolio .showcase-content .projects .container .demo .introduction{flex:0 0 50%;width:100%;max-width:50%;margin:auto;padding-left:4%;padding-right:2%;position:relative}.portfolio .showcase-content .projects .container .demo .introduction h3{color:var(--primary-color);letter-spacing:1px;margin-bottom:5px;font-size:25px;font-weight:600;display:inline-block;position:relative}.portfolio .showcase-content .projects .container .demo .introduction .category{text-transform:uppercase;color:var(--dark-gray);margin-left:8px;font-size:16px;font-weight:400;position:relative}.portfolio .showcase-content .projects .container .demo .introduction .description{margin-bottom:10px;font-size:18px;font-weight:400}.portfolio .showcase-content .projects .container .demo .introduction .version{margin-bottom:10px;display:inline-block}.portfolio .showcase-content .projects .container .demo .introduction .version select{border:1px solid var(--dark-white);-webkit-box-shadow:0 0 5px var(--dark-white);box-shadow:0px 0px 5px var(--dark-white);color:var(--dark-color);appearance:none;background-color:#0000;outline:none;padding:5px 25px 5px 5px;font-size:15px;font-weight:500}@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{pointer-events:none;margin-top:-1px;font-size:16px;position:relative;left:-18px}.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);color:var(--light-color);opacity:.7;margin-inline:2.5px;border-radius:10px;margin-bottom:6px;padding:4px 8px;display:inline-block}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn{cursor:pointer;vertical-align:middle;font-size:inherit;background:0 0;border:0;outline:none;width:10rem;height:auto;margin-top:16px;padding:0;font-family:inherit;text-decoration:none;display:inline-block;position:relative}.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;width:3rem;height:3rem;margin:0;transition:all .45s cubic-bezier(.65,0,.076,1);display:block;position:relative}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle .icon{margin:auto;transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;bottom:0}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle .icon.arrow{background:0 0;width:1.125rem;height:.125rem;transition:all .45s cubic-bezier(.65,0,.076,1);left:.625rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle .icon.arrow:before{content:"";border-top:.125rem solid var(--light-color);border-right:.125rem solid var(--light-color);width:.625rem;height:.625rem;margin-top:-1px;position:absolute;top:-.25rem;right:.0625rem;transform:rotate(45deg)}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .button-text{color:var(--dark-color);text-align:center;letter-spacing:1px;margin:0 0 0 1.85rem;padding:.75rem 0;font-size:16px;font-weight:600;line-height:1.5;transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;inset:0}.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 .prev,.portfolio .showcase-content .projects .container .next{cursor:pointer;width:auto;color:var(--primary-color);margin-top:-65px;padding:10px 14px;font-size:30px;font-weight:700;transition:all .6s;position:absolute;top:50%}.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 .prev:active,.portfolio .showcase-content .projects .container .next:active{background-color:var(--dark-white);color:var(--primary-color)}}@media (hover:hover){.portfolio .showcase-content .projects .container .prev:hover,.portfolio .showcase-content .projects .container .next:hover{background-color:var(--dark-white);color:var(--primary-color)}}.portfolio .showcase-content .projects .container .prev:active,.portfolio .showcase-content .projects .container .next:active{opacity:.8;transition:all}.portfolio .showcase-content .projects .container .bullets-indicators{text-align:center}.portfolio .showcase-content .projects .container .bullets-indicators .dot{cursor:pointer;background-color:var(--dark-white);border-radius:50%;width:15px;height:15px;margin:0 4px;transition:background-color .6s;display:inline-block}@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 (width<=1500px){.portfolio .showcase-content .projects .container .demo{padding-inline:50px}.portfolio .showcase-content .projects .container .demo .introduction h3{margin-bottom:3px;font-size:23px}.portfolio .showcase-content .projects .container .demo .introduction .category{font-size:15px}.portfolio .showcase-content .projects .container .demo .introduction .description{margin-bottom:10px;font-size:16px}.portfolio .showcase-content .projects .container .demo .introduction .key-words{font-size:13px}}@media only screen and (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{margin-bottom:2px;font-size:22px}.portfolio .showcase-content .projects .container .demo .introduction .description{margin-bottom:12px;font-size:15px}.portfolio .showcase-content .projects .container .demo .introduction .version{margin-bottom:7px}.portfolio .showcase-content .projects .container .demo .introduction .version select{padding:5px 20px 5px 5px;font-size:13px}.portfolio .showcase-content .projects .container .demo .introduction .version .reactIcon{margin-top:1px;left:-17px}.portfolio .showcase-content .projects .container .demo .introduction .key-words{margin-bottom:4px;font-size:12px}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn{margin-top:10px}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle{width:2.6rem;height: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{width:.525rem;height:.525rem;margin-top:0;margin-right:-1px}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .button-text{margin:0 0 0 1rem;font-size:16px;line-height:1.3}.portfolio .showcase-content .projects .container .prev,.portfolio .showcase-content .projects .container .next{margin-top:-52px;padding:8px 10px;font-size:25px}}@media only screen and (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{text-align:center;flex:0 0 100%;max-width:100%;padding-top:4%;padding-left:1%;padding-right:1%}.portfolio .showcase-content .projects .container .demo .introduction h3{margin-bottom:5px;font-size:25px}.portfolio .showcase-content .projects .container .demo .introduction .description{margin-bottom:13px;font-size:18px}.portfolio .showcase-content .projects .container .demo .introduction .version{margin-bottom:10px}.portfolio .showcase-content .projects .container .demo .introduction .version select{padding:5px 25px 5px 5px;font-size:15px}.portfolio .showcase-content .projects .container .demo .introduction .version .reactIcon{margin-top:-1px;left:-18px}.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{width:3rem;height: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{width:.625rem;height:.625rem;margin-top:-1px;margin-right:0}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .button-text{margin:0 0 0 2rem;font-size:16px;line-height:1.5}.portfolio .showcase-content .projects .container .prev,.portfolio .showcase-content .projects .container .next{margin-top:-55px;padding:10px 14px;font-size:30px;top:23vw}}@media only screen and (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{margin-bottom:5px;font-size:22px}.portfolio .showcase-content .projects .container .demo .introduction .category{margin-left:7px;font-size:14px}.portfolio .showcase-content .projects .container .demo .introduction .description{margin-bottom:13px;font-size:15px}.portfolio .showcase-content .projects .container .demo .introduction .version{margin-bottom:10px}.portfolio .showcase-content .projects .container .demo .introduction .version select{padding:5px 20px 5px 5px;font-size:13px}.portfolio .showcase-content .projects .container .demo .introduction .version .reactIcon{margin-top:1px;left:-17px}.portfolio .showcase-content .projects .container .demo .introduction .key-words{margin-bottom:5px;font-size:13px}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn{margin-top:10px}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle{width:2.5rem;height: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{width:.525rem;height:.525rem;margin-top:0;margin-right:-1px}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .button-text{margin:0 0 0 .4rem;font-size:14px;line-height:1.2}.portfolio .showcase-content .projects .container .prev,.portfolio .showcase-content .projects .container .next{margin-top:-40px;padding:8px 10px;font-size:25px}}@media only screen and (width<=530px){.portfolio .showcase-content .projects .container .demo{padding-inline:32px}.portfolio .showcase-content .projects .container .demo .introduction h3{margin-bottom:3px;font-size:18px}.portfolio .showcase-content .projects .container .demo .introduction .category{margin-left:6px;font-size:11px}.portfolio .showcase-content .projects .container .demo .introduction .description{margin-bottom:11px;font-size:12px}.portfolio .showcase-content .projects .container .demo .introduction .version{margin-bottom:7px}.portfolio .showcase-content .projects .container .demo .introduction .version select{padding:3px 17px 3px 3px;font-size:10px}.portfolio .showcase-content .projects .container .demo .introduction .version .reactIcon{margin-top:3px;font-size:14px;left:-15px}.portfolio .showcase-content .projects .container .demo .introduction .key-words{font-size:10px}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn{width:7rem;margin-top:6px}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle{width:1.8rem;height:1.8rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle .icon.arrow{width:1rem;height:.06rem;left:.05rem}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .circle .icon.arrow:before{border-top:.1rem solid var(--light-color);border-right:.1rem solid var(--light-color);width:.35rem;height:.35rem;margin-top:1px}.portfolio .showcase-content .projects .container .demo .introduction .demo-btn .button-text{margin:0 0 0 1.7rem;padding:.75rem 0;font-size:13px;line-height:.4}.portfolio .showcase-content .projects .container .prev,.portfolio .showcase-content .projects .container .next{margin-top:-40px;padding:5px 7px;font-size:20px;top:26vw}}.portfolio .showcase-content .certificates .title{text-align:center;margin-bottom:25px}.portfolio .showcase-content .certificates .container{margin:0 auto;display:table}.portfolio .showcase-content .certificates .container .certificate{margin:15px 0}.portfolio .showcase-content .certificates .container .icon{vertical-align:middle;width:30px;position:relative}.portfolio .showcase-content .certificates .container .date{opacity:.8;padding-left:10px;font-size:16px;font-weight:500;display:inline;position:relative}.portfolio .showcase-content .certificates .container .name{text-transform:uppercase;padding-left:26px;font-size:16px;font-weight:500;position:relative}.portfolio .showcase-content .certificates .container .date:after{content:"";background-color:var(--light-black);opacity:.8;width:10px;height:2px;position:absolute;top:10px;right:-17px}.portfolio .showcase-content .certificates .container .certificate:hover>.date{color:var(--primary-color)}@media only screen and (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{padding-left:0;font-size:15px;display:block}.portfolio .showcase-content .certificates .container .date:after{display:none}.portfolio .showcase-content .certificates .container .name{font-size:14px}}@media only screen and (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 (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{justify-content:space-between;align-items:center;display:flex}.contact .showcase-content .infos-container{width:40%}.contact .showcase-content .infos-container h1{letter-spacing:2px;text-transform:uppercase;margin-bottom:5px;font-size:45px;font-weight:600}.contact .showcase-content .infos-container .description{opacity:.7;font-size:25px;font-weight:400}.contact .showcase-content .infos-container .my-link .directly{margin-top:20px;margin-bottom:30px;margin-left:15px}.contact .showcase-content .infos-container .my-link .directly p{-webkit-user-select:text;user-select:text;margin:3px 0;padding-top:5px;padding-left:50px;font-size:19px;font-weight:600;line-height:21px;display:inline-block;position:relative}.contact .showcase-content .infos-container .my-link .directly .email .reactIcon:not(.reactIcon.copy),.contact .showcase-content .infos-container .my-link .directly .call .reactIcon,.contact .showcase-content .infos-container .my-link .directly .location .reactIcon{background-color:var(--primary-color);color:var(--light-color);border-radius:25%;position:absolute;top:7px;left:0}.contact .showcase-content .infos-container .my-link .directly .email .reactIcon:not(.reactIcon.copy){padding:5px 7px;font-size:28px}.contact .showcase-content .infos-container .my-link .directly .call .reactIcon{padding:3px 5px;font-size:32px}.contact .showcase-content .infos-container .my-link .directly .location .reactIcon{padding:4px 6px;font-size:30px}.contact .showcase-content .infos-container .my-link .directly .email span:not(.reactIcon),.contact .showcase-content .infos-container .my-link .directly .call span:not(.reactIcon),.contact .showcase-content .infos-container .my-link .directly .location span:not(.reactIcon){text-transform:uppercase;opacity:.8;font-weight:500;display:block}.contact .showcase-content .infos-container .my-link .directly .email .copy{cursor:pointer;margin-top:-2px;margin-left:7px;font-size:18px;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){color:var(--primary-color);background-color:#0000;transition:all .3s}.contact .showcase-content .infos-container .my-link .socialNetworks-container{margin:auto;display:table}.contact .showcase-content .infos-container .my-link .socialNetworks-container .social-business{grid-template-rows:repeat(1,1fr);grid-template-columns:repeat(6,1fr);display:grid}.contact .showcase-content .infos-container .my-link .socialNetworks-container .social-media{grid-template-rows:repeat(1,1fr);grid-template-columns:repeat(5,1fr);display:grid}.contact .showcase-content .infos-container .my-link .socialNetworks-container a{padding:5px;transition:all .15s ease-in-out;display:flex}@media (hover:none){.contact .showcase-content .infos-container .my-link .socialNetworks-container a:active{margin-top:-10px;transform:translateY(-8px)}}@media (hover:hover){.contact .showcase-content .infos-container .my-link .socialNetworks-container a:hover{margin-top:-10px;transform:translateY(-8px)}}.contact .showcase-content .infos-container .my-link .socialNetworks-container a img{height:45px;margin:auto}.contact .showcase-content .chat-container{text-align:center;flex-basis:60%;align-items:center;margin-left:30px;display:flex;position:relative}.contact .showcase-content .chat-container form .form-alert .output{margin-top:12px;font-weight:500;display:none}.contact .showcase-content .chat-container form .form-alert .output.is-visible{display:block}.contact .showcase-content .chat-container form .form-alert .output.is-visible[data-kind=success]{color:var(--success-color)}.contact .showcase-content .chat-container form .form-alert .output.is-visible[data-kind=error]{color:var(--error-color)}.contact .showcase-content .chat-container form input{background-color:var(--dark-white);color:var(--dark-color);border:2px solid #0000;border-radius:20px;outline:none;width:31%;height:45px;padding:0 20px;font-family:Poppins;font-size:15px;font-weight:500}.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);color:var(--dark-color);resize:none;border:2px solid #0000;border-radius:20px;outline:none;width:99%;height:300px;margin-top:2.5%;margin-bottom:2%;padding:10px 20px;font-family:Poppins;font-size:15px;font-weight:500}.contact .showcase-content .chat-container form input::-webkit-input-placeholder{font-size:17px;font-weight:400}.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(0px 0px 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(0px 0px 0px var(--dark-color));transition:all .3s}:-webkit-any(.contact .showcase-content .chat-container form input:-webkit-autofill,.contact .showcase-content .chat-container form textarea:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--dark-white) inset;-webkit-text-fill-color:var(--dark-color);caret-color:var(--dark-color)}:is(.contact .showcase-content .chat-container form input:autofill,.contact .showcase-content .chat-container form textarea:autofill){-webkit-box-shadow:0 0 0 1000px var(--dark-white) inset;-webkit-text-fill-color:var(--dark-color);caret-color:var(--dark-color)}.contact .showcase-content .chat-container form .submit-btn{cursor:pointer;color:var(--primary-color);letter-spacing:2px;background:0 0;border:none;outline:none;padding:10px 15px;font-size:18px;font-weight:600;transition:all .2s;position:relative;overflow:hidden}.contact .showcase-content .chat-container form .submit-btn .reactIcon{margin-top:-1px;margin-left:10px;font-size:19px}.contact .showcase-content .chat-container form .submit-btn:before{content:"";background:var(--primary-color);width:0;height:3px;transition:all .4s;position:absolute;bottom:0;left:0}@media (hover:none){.contact .showcase-content .chat-container form .submit-btn:before{transition:all .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 (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 (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 (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 (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{font-size:15px}.contact .showcase-content .chat-container form textarea::-webkit-input-placeholder{font-size:15px}}@media only screen and (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 (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{margin:0;padding-top:3px;padding-left:50px;font-size:15px;line-height:20px}.contact .showcase-content .infos-container .my-link .directly .email .reactIcon:not(.reactIcon.copy),.contact .showcase-content .infos-container .my-link .directly .call .reactIcon,.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){padding:5px 7px;font-size:25px}.contact .showcase-content .infos-container .my-link .directly .call .reactIcon{padding:3px 5px;font-size:29px}.contact .showcase-content .infos-container .my-link .directly .location .reactIcon{padding:4px 6px;font-size:27px}.contact .showcase-content .infos-container .my-link .directly .email .copy{margin-top:-2px;margin-left:6px;font-size:16px}.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{width:32%;font-size:12px}.contact .showcase-content .chat-container form input[type=email]{margin-inline:.75%}.contact .showcase-content .chat-container form textarea{height:270px;margin-top:2%;font-size:12px}.contact .showcase-content .chat-container form input::-webkit-input-placeholder{font-size:12px}.contact .showcase-content .chat-container form textarea::-webkit-input-placeholder{font-size:12px}}@media only screen and (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{margin:2px 0;padding-top:2px;padding-left:45px;font-size:16px;line-height:20px}.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-top:25px;margin-left:0}.contact .showcase-content .chat-container form input{width:100%;height:45px;font-size:14px}.contact .showcase-content .chat-container form input[type=email]{margin:2% 0}.contact .showcase-content .chat-container form textarea{width:100%;height:200px;margin-top:2%;margin-bottom:2%;font-size:14px}.contact .showcase-content .chat-container form input::-webkit-input-placeholder{font-size:15px}.contact .showcase-content .chat-container form textarea::-webkit-input-placeholder{font-size:15px}}@media only screen and (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{margin:1px 0;padding-top:5px;padding-left:45px;font-size:14px;line-height:18px}.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{letter-spacing:1.5px;font-size:16px}.contact .showcase-content .chat-container form .submit-btn .reactIcon{margin-left:8px;font-size:16px}}@media only screen and (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{margin:1px 0;padding-top:5px;padding-left:40px;font-size:12px;line-height:15px}.contact .showcase-content .infos-container .my-link .directly .email .reactIcon:not(.reactIcon.copy),.contact .showcase-content .infos-container .my-link .directly .call .reactIcon,.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){padding:4px 6px;font-size:22px}.contact .showcase-content .infos-container .my-link .directly .call .reactIcon{padding:2px 4.2px;font-size:25px}.contact .showcase-content .infos-container .my-link .directly .location .reactIcon{padding:3px 5.1px;font-size:23px}.contact .showcase-content .infos-container .my-link .directly .email .copy{margin-top:-2px;margin-left:5px;font-size:14px}.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{font-size:14px}.contact .showcase-content .chat-container form textarea::-webkit-input-placeholder{font-size:14px}}@media only screen and (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-top:16px;margin-left:10px}.contact .showcase-content .infos-container .my-link .directly p{margin:-3px 0 -3px -6px;padding-top:7px;padding-left:34px;font-size:10.5px;line-height:12px}.contact .showcase-content .infos-container .my-link .directly .email .reactIcon:not(.reactIcon.copy),.contact .showcase-content .infos-container .my-link .directly .call .reactIcon,.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){padding:3px 5.4px;font-size:19.2px}.contact .showcase-content .infos-container .my-link .directly .call .reactIcon{padding:1.5px 4.2px;font-size:22px}.contact .showcase-content .infos-container .my-link .directly .location .reactIcon{padding:2px 5.1px;font-size:20px}.contact .showcase-content .infos-container .my-link .directly .email .copy{margin-top:-2px;margin-left:4px;font-size:12px}.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{height:38px;font-size:12px}.contact .showcase-content .chat-container form textarea{font-size:12px}.contact .showcase-content .chat-container form input::-webkit-input-placeholder{font-size:13px}.contact .showcase-content .chat-container form textarea::-webkit-input-placeholder{font-size:13px}}@media only screen and (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{font-size:12px}.contact .showcase-content .chat-container form textarea::-webkit-input-placeholder{font-size:12px}}.notFound{margin-left:-463px;font-family:Nunito,sans-serif;display:inline-block;position:relative;left:50%}.notFound .smile{vertical-align:top;margin-right:30px;display:inline-block}.notFound .smile img{z-index:20;width:270px}.notFound .errorInfos{display:inline-block}.notFound .errorInfos h1{text-transform:uppercase;-webkit-user-select:text;user-select:text;font-size:200px}.notFound .errorInfos h2{-webkit-user-select:text;user-select:text;font-size:40px}.notFound .errorInfos p{opacity:.8;-webkit-user-select:text;user-select:text;margin-bottom:0;font-size:22px;font-weight:600}.notFound .errorInfos .backBtn{margin-top:10px;padding-bottom:6px}.notFound .errorInfos .backBtn button{text-align:center;cursor:pointer;color:#fff;background-color:var(--primary-color);box-shadow:0 4px var(--btn-shadow-light);border:none;border-radius:15px;outline:none;padding:8px 24px;font-size:16px}.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 (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 (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 (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{padding:8px 22px;font-size:14px}}@media only screen and (width<=600px){.notFound{margin-left:-185px}.notFound .smile{text-align:center;margin-right:0;display:block}.notFound .smile img{width:180px}.notFound .errorInfos{display:block}.notFound .errorInfos h1{text-align:center;font-size:90px}.notFound .errorInfos h2{text-align:center;font-size:22px}.notFound .errorInfos p{text-align:center;font-size:14px}.notFound .errorInfos .backBtn{text-align:center;margin-top:8px}}@media only screen and (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);padding:6px 20px;font-size:12px}.notFound .errorInfos .backBtn button:active{box-shadow:0 2px var(--btn-shadow-dark);transform:translateY(1px)}}@media only screen and (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{padding:5px 18px;font-size:10px}}@media only screen and (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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--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;background-color:var(--light-color)}body,#root{background-color:var(--light-color);min-height:100%}body{color:var(--dark-color);font-family:Poppins,sans-serif;overflow:auto}input,textarea,select,button{color-scheme:inherit}::-webkit-scrollbar{background-color:#0000;width:.8vw;height:.8vh}::-webkit-scrollbar-thumb{background-color:var(--scroller-default-color);background-clip:padding-box;border:.2vw solid #0000;border-radius:10px;box-shadow:inset 0 0 6px #0000004d}::-webkit-scrollbar-thumb:hover{background-color:var(--scroller-hover-color)}::-webkit-scrollbar-track{background-color:#0000;background-clip:padding-box;box-shadow:inset 0 0 6px #00000026}a{color:var(--dark-color);-webkit-user-drag:none!important;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{vertical-align:middle;line-height:1px;display:inline-block}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html.darkTheme{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--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{z-index:9999;background:var(--light-color);position:fixed;inset:0;overflow:hidden}#loader:before{content:"";border:4px solid var(--primary-color);border-top-color:var(--light-color);border-bottom-color:var(--light-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite animate-loader;position:fixed;top:calc(50% - 24px);left:calc(50% - 24px)}@keyframes animate-loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tooltipTheme{background-color:var(--light-black)!important;color:var(--light-color)!important}.tooltipTheme.place-top:after{border-top-color:var(--light-black)!important}.tooltipTheme.place-right:after{border-right-color:var(--light-black)!important}.tooltipTheme.place-bottom:after{border-bottom-color:var(--light-black)!important}.tooltipTheme.place-left:after{border-left-color:var(--light-black)!important}.type-error{background-color:var(--error-color)!important;color:#fff!important}.type-error.place-top:after{border-top-color:var(--error-color)!important}.type-error.place-right:after{border-right-color:var(--error-color)!important}.type-error.place-bottom:after{border-bottom-color:var(--error-color)!important}.type-error.place-left:after{border-left-color:var(--error-color)!important}.type-success{background-color:var(--success-color)!important;color:#fff!important}.type-success.place-top:after{border-top-color:var(--success-color)!important}.type-success.place-right:after{border-right-color:var(--success-color)!important}.type-success.place-bottom:after{border-bottom-color:var(--success-color)!important}.type-success.place-left:after{border-left-color:var(--success-color)!important}header .navbar-container{border-bottom:4px solid var(--separator-line-color);width:94%;margin:auto;overflow:hidden}header .navbar-container .navbar{align-items:center;width:100%;height:100px;display:flex}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{cursor:pointer;color:var(--dark-color);pointer-events:none;margin-right:22px;padding:0;font-size:27px;display:none}@media (hover:none){header .navbar-container .navbar .reactIcon.menu-icon:active{color:var(--primary-color)}}@media (hover:hover){header .navbar-container .navbar .reactIcon.menu-icon:hover{color:var(--primary-color)}header .navbar-container .navbar .reactIcon.menu-icon:active{color:var(--dark-white)}}header .navbar-container .navbar nav{text-align:right;flex:1}header .navbar-container .navbar nav ul{max-height:0;margin-top:-12px}header .navbar-container .navbar nav ul li{margin-right:30px;list-style:none;display:inline-block}header .navbar-container .navbar nav ul li a{text-transform:uppercase}header .navbar-container .navbar nav ul li .active{background-color:var(--primary-color);color:#fff;border-radius:20px;padding:7px 25px}@media (hover:none){header .navbar-container .navbar nav ul li .inactive:active{color:var(--primary-color)}}@media (hover:hover){header .navbar-container .navbar nav ul li .inactive:hover{color:var(--primary-color)}}header .navbar-container .navbar button.reactIcon{appearance:none;font:inherit;background:0 0;border:none;padding:0;line-height:1px}header .navbar-container .navbar .theme{cursor:pointer;color:var(--dark-color);margin-right:30px;font-size:30px}header .navbar-container .navbar .reactIcon.theme{cursor:pointer;color:var(--dark-color);font-size:25px}@media (hover:none){header .navbar-container .navbar .theme:active{color:var(--primary-color)}}@media (hover:hover){header .navbar-container .navbar .theme:hover{color:var(--primary-color)}}.goTopBtn{background-color:var(--light-black);width:40px;height:40px;color:var(--light-color);text-align:center;opacity:0;pointer-events:none;cursor:pointer;z-index:50;border-radius:50%;line-height:40px;transition:opacity .3s ease-in-out;position:fixed;bottom:40px;right:2.5%}.goTopBtn .reactIcon{margin-top:-1.5px;font-size:25px}@media (hover:none){.goTopBtn:active{background-color:var(--primary-color)}}@media (hover:hover){.goTopBtn:hover{background-color:var(--primary-color)}.goTopBtn:active{background-color:#06f}}footer .copyright-container{border-top:4px solid var(--separator-line-color);width:94%;margin:auto;padding:20px 0}footer .copyright-container p{color:var(--dark-color);text-align:center;font-size:15px;line-height:18px}footer .copyright-container p .reactIcon{margin-top:-4px;margin-right:4px;font-size:16px}footer .copyright-container p .myUsername{opacity:.9;cursor:pointer;font-weight:700;position:relative}footer .copyright-container p .myUsername:before{content:"";background-color:var(--dark-color);width:100%;height:2px;transition:transform .3s;display:block;position:absolute;bottom:0;left:0;transform:scaleX(0)}@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{color:var(--red-color);margin-left:7px;font-size:19px;animation:1s infinite heartbeat}@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 (width<=800px){header .navbar-container .navbar{height:80px}header .navbar-container .navbar .theme{margin-right:10px;font-size:27px}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{pointer-events:auto;display:block}header .navbar-container .navbar nav #menu-list{transition:all .5s;overflow:hidden}header .navbar-container .navbar nav ul{background:linear-gradient(to bottom, var(--separator-line-color), #ddddddef);z-index:10;width:94%;position:absolute;top:92px;right:3%}header .navbar-container .navbar nav ul li{margin-top:10px;margin-bottom:10px;display:block}header .navbar-container .navbar nav ul li .active{color:var(--primary-color);background-color:#0000;border-radius:0;padding:0;font-weight:700}header .navbar-container .navbar nav ul li .inactive{color:#151616}.goTopBtn{width:35px;height:35px;line-height:33.5px;bottom:32px;right:4%}.goTopBtn .reactIcon{margin-top:-2px;font-size:22px}footer .copyright-container{padding:15px 0}footer .copyright-container p{font-size:13px}footer .copyright-container p .reactIcon{margin-top:-3px;font-size:14px}}@media only screen and (width<=500px){footer .copyright-container p{font-size:11px}footer .copyright-container p .reactIcon{font-size:12px}footer .copyright-container p .heart{margin-left:5px;font-size:16px}}@media only screen and (width<=300px){footer .copyright-container p{font-size:10px}footer .copyright-container p .reactIcon{font-size:11px}}section{width:90%;margin:50px auto}.showcase-content .title h2{text-transform:uppercase;letter-spacing:2px;font-size:27px;font-weight:600}@media only screen and (width<=1500px){.showcase-content .title h2{font-size:24px}}@media only screen and (width<=1000px){section{margin-top:25px;margin-bottom:25px}.showcase-content .title h2{font-size:21px}}@media only screen and (width<=500px){.showcase-content .title h2{font-size:19px}}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{opacity:0;pointer-events:none;will-change:opacity;position:absolute;top:0;left:0}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{backface-visibility:hidden;background:inherit;z-index:-1;position:absolute}.core-styles-module_content__BRKdB{z-index:1;position:relative}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;width:max-content;font-size:90%}.styles-module_content__ydYdI{background:inherit;border-radius:inherit;padding:8px 16px}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}