@import url(https://fonts.googleapis.com/css2?family=Merienda:wght@700&display=swap);:root{--app-container:#006581;--main-color:#130b36;--secondary-color:hsla(0,0%,100%,0.8);--link-color:hsla(0,0%,100%,0.8);--link-color-hover:#fafcff;--link-color-active-bg:rgba(195,207,244,0.2);--star:#ffd92c;--day-scrollbar:linear-gradient(transparent,#00f6ff);--day-scrollbar-hover:linear-gradient(transparent,#fe0);--high-light:#7adffa;--download-CV-hover:#6cb3ae;--card-height:40vh;--card-width:-webkit-calc(var(--card-height)/1.3);--card-width:calc(var(--card-height) / 1.3);--progress-main:#ffffff1a}.day:root{--app-container:#f3f6fd;--main-color:#c1f9ff;--secondary-color:#4a4a4a;--link-color:#1f1c2e;--link-color-hover:#c3cff4;--link-color-active:#fff;--link-color-active-bg:#1f1c2e;--star:#1a0c30;--high-light:#4080e3;--download-CV-hover:#95e795;--day-scrollbar:linear-gradient(transparent,#fe0);--day-scrollbar-hover:linear-gradient(transparent,#00f6ff);--progress-main:#172d7e1a}body,html{padding:0;margin:0;width:100%;font-family:Merienda,cursive;color:var(--secondary-color);background-color:var(--main-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a{color:var(--link-color);text-decoration:none}ul{list-style:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.navbar{height:3rem;top:0;position:relative;margin:.2rem 0;width:100%;background:var(--main-color);z-index:999}.navbar,.toggle_icon{display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center}.toggle_icon{font-size:2rem;height:40px;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;cursor:pointer}.navlinks{display:-webkit-flex;display:-moz-box;display:flex;width:100%;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-justify-content:flex-end;-moz-box-pack:end;justify-content:flex-end}.navlinks a{color:var(--link-color);padding:0 20px}.navlinks a:hover{color:var(--link-color-hover);text-decoration:underline}.mode-switch{background-color:transparent;border:none;padding:0;color:var(--main-color);display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;cursor:pointer}.moon,.sun{font-size:1.8rem;cursor:pointer;fill:var(--star);margin:5px}.sun{color:var(--star)}.mode-switch.active .moon{fill:var(--star)}.svg-wrapper{width:200px;height:50px;position:relative;top:6px}.shape{stroke-dasharray:140 540;stroke-dashoffset:-295;stroke-width:8px;fill:transparent;stroke:var(--high-light);-webkit-transition:stroke-width 1s,stroke-dashoffset 1s,stroke-dasharray 1s;transition:stroke-width 1s,stroke-dashoffset 1s,stroke-dasharray 1s}.text{position:relative;top:-43px;left:11px;font-size:1.5rem;display:block}.svg-wrapper:hover .shape{stroke-width:2px;stroke-dashoffset:0;stroke-dasharray:760}.Logo_name{display:inline-block;-webkit-flex:1 1;-moz-box-flex:1;flex:1 1}u{color:var(--high-light)}@-webkit-keyframes orbit{0%{-webkit-transform:rotateY(90deg) rotate(0deg);transform:rotateY(90deg) rotate(0deg)}60%{-webkit-transform:rotateY(90deg) rotate(-180deg);transform:rotateY(90deg) rotate(-180deg)}to{-webkit-transform:rotateY(90deg) rotate(-1turn);transform:rotateY(90deg) rotate(-1turn)}}@keyframes orbit{0%{-webkit-transform:rotateY(90deg) rotate(0deg);transform:rotateY(90deg) rotate(0deg)}60%{-webkit-transform:rotateY(90deg) rotate(-180deg);transform:rotateY(90deg) rotate(-180deg)}to{-webkit-transform:rotateY(90deg) rotate(-1turn);transform:rotateY(90deg) rotate(-1turn)}}.Download_CV{font-size:1rem;font-weight:700;border-radius:5px;border:none;padding:20px 30px 20px 70px;background-color:var(--high-light);color:var(--link-color);cursor:pointer;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:210px;margin:20px 0;height:50px;display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.Download_CV:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);color:rgba(0,0,0,.8);background:var(--download-CV-hover)}.Download_CV:hover>span{-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;-webkit-transform:rotateY(90deg) rotate(-1turn);transform:rotateY(90deg) rotate(-1turn)}.Download_CV>span{width:80px;display:block;position:absolute;left:0;top:-40px;bottom:-40px;border-radius:50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(90deg) rotate(0deg);transform:rotateY(90deg) rotate(0deg)}.Download_CV>span>span{position:absolute;background:rgba(0,0,0,.6);width:16px;height:17px;left:0;top:50px;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.Download_CV>span>span:before{position:absolute;content:"";top:100%;left:0;margin-left:-7px;border-color:rgba(0,0,0,.6) transparent transparent;border-style:solid;border-width:16px 15px 0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--day-scrollbar);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(var(--day-scrollbar-hover)));background:-webkit-linear-gradient(transparent,var(--day-scrollbar-hover));background:linear-gradient(transparent,var(--day-scrollbar-hover));background:var(--day-scrollbar-hover)}.Typewriter{font-size:1.8rem}.writerMain{margin:.5em}.writerMain p{font-size:1.25rem;margin:35px 0 8px;max-width:550px}.icon_main{display:-webkit-flex;display:-moz-box;display:flex;margin-bottom:5px;-webkit-justify-content:flex-start;-moz-box-pack:start;justify-content:flex-start}.icon{position:relative;width:60px;height:60px;cursor:pointer;margin:5px;border-radius:50px;-webkit-transition:all .8s;transition:all .8s}.icon:hover{background:#e60073;-webkit-box-shadow:0 0 20px #e60073;box-shadow:0 0 20px #e60073}.icon:hover:nth-child(2){background:#1877f2;-webkit-box-shadow:0 0 20px #1877f2;box-shadow:0 0 20px #1877f2}.icon:hover:nth-child(3){background:#25d366;-webkit-box-shadow:0 0 20px #25d366;box-shadow:0 0 20px #25d366}.icon:hover:nth-child(4){background:#1da1f2;-webkit-box-shadow:0 0 20px #1da1f2;box-shadow:0 0 20px #1da1f2}.icon:hover:nth-child(5){background:#0e76a8;-webkit-box-shadow:0 0 20px #0e76a8;box-shadow:0 0 20px #0e76a8}.icon svg{color:var(--high-light);position:absolute;font-size:2rem;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.icon svg:hover{color:#fff}.go_to_top{border:0;cursor:pointer;position:fixed!important;right:20px;bottom:20px;font-size:1.5em!important;display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;background:transparent;z-index:1}.go_to_top svg{color:var(--high-light)!important;font-size:1.5rem}.about,.home,.skills{height:100vh;margin:0 .5em}.home_section{overflow:hidden;-webkit-justify-content:space-around;justify-content:space-around;margin:37px 0 0}.home_about,.home_section{display:-webkit-flex;display:-moz-box;display:flex}.home_about{width:100%;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;z-index:1}.lottie_container{-webkit-transform:scaleX(-1);transform:scaleX(-1);position:relative;max-width:501px;max-height:501px;cursor:pointer;top:-50px}.skills{height:100vh}.skill_title,.skills{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.skill_title{-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.skill_title>h1{font-size:2em}@property --rotate{syntax:"<angle>";initial-value:132deg;inherits:false}.card,.skill_title>h3{text-align:center}.card{background:var(--main-color);width:var(--card-width);height:var(--card-height);padding:3px;position:relative;border-radius:6px;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;-webkit-align-items:center;-moz-box-align:center;align-items:center;display:-webkit-flex;display:-moz-box;display:flex;font-size:1.5em;cursor:pointer;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;margin:12px 20px 65px}.card:hover{-webkit-transition:color 1s;transition:color 1s}.card:before{width:104%;height:102%;border-radius:8px;top:-1%;left:-2%}.card:after,.card:before{content:"";background-image:-webkit-gradient(linear,left top,left bottom,from(var(--rotate)),color-stop(#5ddcff),color-stop(43%,#3c67e3),to(#4e00c2));background-image:-webkit-linear-gradient(var(--rotate),#5ddcff,#3c67e3 43%,#4e00c2);background-image:linear-gradient(var(--rotate),#5ddcff,#3c67e3 43%,#4e00c2);position:absolute;z-index:-1;-webkit-animation:spin 2.5s linear infinite;animation:spin 2.5s linear infinite}.card:after{top:-webkit-calc(var(--card-height)/6);top:calc(var(--card-height) / 6);left:0;right:0;height:100%;width:100%;margin:0 auto;-webkit-transform:scale(.8);transform:scale(.8);-webkit-filter:blur(-webkit-calc(var(--card-height)/6));filter:blur(calc(var(--card-height) / 6));opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.box-progress{display:block;height:8px;border-radius:50px;background-image:-webkit-gradient(linear,left top,left bottom,from(var(--rotate)),color-stop(#5ddcff),color-stop(43%,#3c67e3),to(#4e00c2));background-image:-webkit-linear-gradient(var(--rotate),#5ddcff,#3c67e3 43%,#4e00c2);background-image:linear-gradient(var(--rotate),#5ddcff,#3c67e3 43%,#4e00c2)}.box-progress-bar{width:97%;height:12px;border-radius:50px;overflow:hidden;background-color:var(--link-color-active-bg)}.skills-about{width:97%}.skills-about>h5{font-size:.8em}@-webkit-keyframes spin{0%{--rotate:0deg}to{--rotate:360deg}}@keyframes spin{0%{--rotate:0deg}to{--rotate:360deg}}.timeline{position:relative;width:100%;max-width:1140px;margin:0 auto;padding:75px 0}.timeline:after{content:"";position:absolute;width:2px;background:var(--high-light);top:0;bottom:0;left:50%;margin-left:-1px}.TimeContainer{padding:15px 30px;position:relative;background:inherit;width:50%}.TimeContainer.left{left:0}.TimeContainer.right{left:50%}.TimeContainer:after{content:"";position:absolute;width:16px;height:16px;top:-webkit-calc(50% - 8px);top:calc(50% - 8px);right:-8px;background:#fff;border:2px solid var(--high-light);border-radius:16px;z-index:1}.TimeContainer.right:after{left:-8px}.TimeContainer:before{content:"";position:absolute;width:50px;height:2px;top:-webkit-calc(50% - -1px);top:calc(50% - -1px);right:11px;background:var(--high-light);z-index:1}.TimeContainer.right:before{left:8px}.TimeContainer .date{position:absolute;display:inline-block;top:-webkit-calc(50% - 8px);top:calc(50% - 8px);text-align:center;font-size:14px;font-weight:700;color:var(--high-light);text-transform:uppercase;letter-spacing:1px;z-index:1}.TimeContainer.left .date{right:-100px}.TimeContainer.right .date{left:-100px}.TimeContainer .icon{position:absolute;display:inline-block;width:40px;height:40px;padding:9px 0;top:-webkit-calc(50% - 20px);top:calc(50% - 20px);border:2px solid var(--high-light);border-radius:40px;text-align:center;font-size:18px;z-index:1}.TimeContainer.left .icon{right:56px}.TimeContainer.right .icon{left:56px}.TimeContainer .content{padding:15px 90px 15px 30px;background:var(--app-container);position:relative;border-radius:0 500px 500px 0}.TimeContainer.right .content{padding:15px 30px 15px 90px;border-radius:500px 0 0 500px}.TimeContainer .content h2{margin:0 0 10px;font-size:18px;font-weight:400;color:var(--link-color)}.TimeContainer .content p{margin:0;font-size:16px;line-height:22px;color:var(--link-color)}footer{background:var(--main-color);bottom:.6em;position:relative;left:0;overflow:hidden;margin-top:100px}.footer-bg,footer{width:100%;border-radius:12px}.footer-bg{position:absolute;height:100%;-webkit-filter:blur(2px);filter:blur(2px);opacity:.9}footer .content{max-width:1250px;margin:auto;padding:11px}footer .content .top{-webkit-align-items:center;-moz-box-align:center;align-items:center;margin-bottom:20px}footer .content .link-boxes,footer .content .top{display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between}footer .content .link-boxes{width:100%}footer .content .link-boxes .box{width:-webkit-calc(100%/2 - 5px);width:calc(100% / 2 - 5px)}.content .link-boxes .box .link_name{color:#fff;font-size:18px;font-weight:400;margin-bottom:10px;position:relative}.link-boxes .box .link_name:before{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:35px;background:#fff}.content .link-boxes .box li{margin:6px 0;list-style:none}.content .link-boxes .box li a{font-size:14px;font-weight:400;text-decoration:none;opacity:.8;-webkit-transition:all .4s ease;transition:all .4s ease;color:#fff}.content .link-boxes .box li a:hover{text-decoration:underline}.skills-container{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;position:relative;top:50px}.progress-menu{-webkit-justify-content:space-around;justify-content:space-around;overflow:hidden}.progress-menu,.progress-top{display:-webkit-flex;display:-moz-box;display:flex;width:100%;-webkit-align-items:center;-moz-box-align:center;align-items:center}.progress-top{-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;padding:12px 5px}.progress-skills{width:100%;max-width:600px}.coolboy{max-width:500px}.progress{background:var(--progress-main);-webkit-justify-content:flex-start;-moz-box-pack:start;justify-content:flex-start;border-radius:100px;-webkit-align-items:center;-moz-box-align:center;align-items:center;position:relative;padding:0 5px;display:-webkit-flex;display:-moz-box;display:flex;height:25px;min-width:325px}.progress-value{-webkit-box-shadow:0 10px 40px -10px #fff;box-shadow:0 10px 40px -10px #fff;border-radius:100px;background-image:-webkit-gradient(linear,left top,left bottom,from(var(--rotate)),color-stop(#5ddcff),color-stop(43%,#3c67e3),to(#4e00c2));background-image:-webkit-linear-gradient(var(--rotate),#5ddcff,#3c67e3 43%,#4e00c2);background-image:linear-gradient(var(--rotate),#5ddcff,#3c67e3 43%,#4e00c2);height:15px;width:0}.progress .html{-webkit-animation:html 3s normal forwards;animation:html 3s normal forwards}.progress .js-ts{-webkit-animation:js-ts 3s normal forwards;animation:js-ts 3s normal forwards}.progress .react{-webkit-animation:react 3s normal forwards;animation:react 3s normal forwards}.progress .native{-webkit-animation:native 3s normal forwards;animation:native 3s normal forwards}.progress .node{-webkit-animation:node 3s normal forwards;animation:node 3s normal forwards}.progress .mongo{-webkit-animation:mongo 3s normal forwards;animation:mongo 3s normal forwards}.progress .figma{-webkit-animation:figma 3s normal forwards;animation:figma 3s normal forwards}.progress .c-cpp{-webkit-animation:c-cpp 3s normal forwards;animation:c-cpp 3s normal forwards}@-webkit-keyframes html{0%{width:0}to{width:90%}}@keyframes html{0%{width:0}to{width:90%}}@-webkit-keyframes js-ts{0%{width:0}to{width:75%}}@keyframes js-ts{0%{width:0}to{width:75%}}@-webkit-keyframes react{0%{width:0}to{width:80%}}@keyframes react{0%{width:0}to{width:80%}}@-webkit-keyframes native{0%{width:0}to{width:70%}}@keyframes native{0%{width:0}to{width:70%}}@-webkit-keyframes node{0%{width:0}to{width:70%}}@keyframes node{0%{width:0}to{width:70%}}@-webkit-keyframes mongo{0%{width:0}to{width:90%}}@keyframes mongo{0%{width:0}to{width:90%}}@-webkit-keyframes figma{0%{width:0}to{width:70%}}@keyframes figma{0%{width:0}to{width:70%}}@-webkit-keyframes c-cpp{0%{width:0}to{width:60%}}@keyframes c-cpp{0%{width:0}to{width:60%}}.errorPage{height:100vh;width:100%;-webkit-transform:translate(0);transform:translate(0);position:absolute;display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.errorPage a div{max-width:700px;max-height:700px}.errorPage h1{width:100%;text-align:center}.home .skills-compo{margin-top:5rem}@media (min-width:1100px){.lottie_container{max-width:500px;max-height:500px;position:relative;top:-50px}.writerMain{margin:22px 0 0}.home_about{width:500px}}@media (max-width:798px){.Typewriter{font-size:1.6rem}.writerMain p{font-size:1.1rem}}@media (max-width:700px){.navlinks{display:none}.activeNavlinks{display:-webkit-flex;display:-moz-box;display:flex;opacity:1;height:200px;width:100%;left:0;top:40px;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start;-webkit-justify-content:space-evenly;-moz-box-pack:space-evenly;justify-content:space-evenly;position:absolute;border-radius:10px;background:var(--high-light);-webkit-animation:navlink-anim .5s cubic-bezier(.25,.46,.45,.94) both;animation:navlink-anim .5s cubic-bezier(.25,.46,.45,.94) both}.activeNavlinks a{width:50%;padding:5px;-webkit-transition:all .9s ease;transition:all .9s ease}.toggle_icon{display:block}.home_section{-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;top:20px;position:relative;-webkit-align-items:center;-moz-box-align:center;align-items:center;margin:0}.slider .slide .card:after{-webkit-filter:blur(-webkit-calc(var(--card-height)/8));filter:blur(calc(var(--card-height) / 8))}.lottie_container{width:100%}.progress-menu{-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.coolboy{height:auto;width:auto;min-width:500px}footer .content .link-boxes{-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.TimeContainer .content p{font-size:.8em}.TimeContainer .content h2{font-size:1em}.errorPage a div{max-width:500px;max-height:500px}.home .skills-compo{margin-top:0}}@media (min-width:701px){.toggle_icon{display:none}.icon_main{position:relative;left:0;bottom:0}}@media (max-width:480px){.Download_CV{width:250px;height:50px;left:0}.writerMain p{font-size:1rem}.writerMain .Typewriter{font-size:1.5rem}.lottie_container{-webkit-transform:scaleX(1);transform:scaleX(1)}.lottie_container div{height:300px;width:300px}.icon_main{-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.icon{height:50px;width:50px;margin:0 10px}.download_cv_main{display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.go_to_top{right:0;bottom:5px;width:40px;height:40px;font-size:.6rem}.errorPage a div{max-width:470px;max-height:470px}}@media screen and (min-width:700px){.skillsContainer{display:grid;grid-template-columns:repeat(2,1fr);place-items:center;z-index:0}.carousel-root{display:none}.skillsContainer .card{margin:20px}}@media screen and (min-width:800px){.skillsContainer{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1000px){.skillsContainer{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:699px){.skillsContainer{display:none}}@media (max-width:767.98px){.timeline:after{left:90px}.TimeContainer{width:100%;padding-left:120px;padding-right:15px}.TimeContainer.right{left:0}.TimeContainer.left:after,.TimeContainer.right:after{left:82px}.TimeContainer.left:before,.TimeContainer.right:before{left:100px;border-left-color:transparent;border-bottom-color:transparent;border-right-color:var(--high-light);border-top-color:transparent}.TimeContainer.left .date,.TimeContainer.right .date{right:auto;left:15px}.TimeContainer.left .icon,.TimeContainer.right .icon{right:auto;left:146px}.TimeContainer.left .content,.TimeContainer.right .content{padding:30px 30px 30px 90px;border-radius:500px 0 0 500px}}@-webkit-keyframes navlink-anim{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:100% 0;transform-origin:100% 0;opacity:1}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:100% 0;transform-origin:100% 0;opacity:1}}@keyframes navlink-anim{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:100% 0;transform-origin:100% 0;opacity:1}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:100% 0;transform-origin:100% 0;opacity:1}}