@import"https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;700;900&display=swap";.main{width:100vw;height:100vh;display:flex;padding:0;overflow-x:hidden;background-color:#fafafa;justify-content:center;align-items:flex-start}.main-container{width:100%;background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center}.main_home{background-color:#f5f5f5}section{width:100%;background-color:#f5f5f5}#root{margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.head-main{width:100%;padding:9% 0;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background-color:var(--backColor);color:#fff;font-size:21px}#head-presentation{width:79%;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:9%;font-size:31px}#head-presentation #head-hello{text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff;color:var(--backColor)}#head-presentation span{text-align:left;font-weight:700}.head-cart{width:39%}.head-social{display:flex;justify-content:flex-start;width:50%;margin-top:9%}.head-social a{margin-right:11%;cursor:pointer;text-decoration:none}.head-link:visited{color:#fff}#head-photo{display:flex;flex-direction:column;justify-content:flex-start;width:79%}.head-imgDiv{width:100%;box-sizing:border-box;display:flex;justify-content:flex-start}.head-imgSocial{margin-top:3%;width:50%}.head-myPic{width:15%}.head-mySocial{width:59%;margin-right:0}#head-photo ul{display:flex;width:100%;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:0}#head-photo ul li{width:80%;display:flex;justify-content:center;align-items:center;background-color:#fff;color:var(--fontBlack);margin-bottom:5%;padding:4% 3%;border-radius:9px;font-weight:700;font-size:17px;text-align:left;list-style:none}.head-plus{color:var(--fontpurple);margin-right:5%}#head-name{font-size:35px;color:var(--fontpurple);font-weight:900}@media (min-width: 768px){.head-main{width:100%;padding:7% 0;display:flex;flex-direction:row;justify-content:center;align-items:center}#head-presentation{width:61%;margin:0 1% 0 0}#head-photo{width:11%}.head-mySocial{width:49%}}@media (max-width: 873px){.head-imgSocial{width:60%}}.about-main{width:100%;padding:9% 0;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background-color:#fff;color:var(--backColor);font-size:17px}#about-title{color:var(--fontpurple);font-size:21px}#about-subtitle{font-size:17px}.about-content{display:flex;flex-direction:column;align-items:center;margin-top:5%}.about-main span{font-weight:700;font-size:19px}#about-presentation{width:79%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;box-sizing:border-box;margin-bottom:5%}#about-skills{width:79%;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}#about-skills ul{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;padding:0;box-sizing:border-box;margin:2% 0}#about-skills ul li{margin-right:3%;padding:1% 3%;list-style:none;background-color:#e9e9e9;width:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 768px){.about-main{padding:6% 0}.about-content{flex-direction:row;justify-content:center;align-items:flex-start}#about-presentation{width:35%;margin:0 5% 0 0}#about-skills{width:35%}#about-skills ul{align-items:flex-start}}@font-face{font-family:revicons;fallback:fallback;src:url(/assets/revicons-207Xk7wD.woff) format("woff"),url(/assets/revicons-gasWZ3sP.ttf) format("ttf"),url(/assets/revicons-TSCngFAj.eot) format("ttf")}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:#00000080;min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:#000c}.react-multiple-carousel__arrow:before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:#00000080}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left:before{content:""}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right:before{content:""}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:gray;padding:0;margin:0 6px 0 0;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active,.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0!important}.react-multi-carousel-track{overflow:visible!important}}[dir=rtl].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right:before{content:""}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left:before{content:""}.projects-main{padding:5% 0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.projects-main h2{color:var(--fontpurple);font-size:21px}.projects-list{width:89%;display:flex;justify-content:center}.projects-filter{width:80%;display:flex;justify-content:center;flex-wrap:nowrap;gap:3%;margin-bottom:3%}.projects-filter button{border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projects-filter button:focus{outline:none}.react-multi-carousel-list{width:100%;display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-list li{display:flex;align-items:center;justify-content:center;list-style:none;background-color:var(--fontpurple);margin-right:3%;border-radius:5px;padding:1%}#itemProjectBtn{width:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:#000000bd;padding:0}#itemContent{display:flex;flex-direction:column;justify-content:space-between;height:100%}#itemContent p{text-align:left;color:#000;font-size:15px}.project-tech li{border:#fff solid 1px;color:#fff;font-size:14px;padding:1% 3%}#backProjectItem{width:100%;height:100%;box-sizing:border-box;display:none}.react-multi-carousel-list li:hover{padding:0}.react-multi-carousel-list li:hover #backProjectItem{display:flex}.react-multi-carousel-list li:hover #itemContent{display:none}.project-item{width:100%;height:100%}.itemProjectSource{text-decoration:none;padding:2% 0;border:#738bee solid 2px;border-radius:5px;background-color:#0000;color:#fff;width:70%;font-weight:700}.itemProjectSource:hover{background-color:#fff;color:var(--fontBlack);border-color:#fff}.project-item span{color:#fff;font-size:19px}.project-item img{width:100%;border-radius:5px;margin:2% 0}.project-tech{margin-top:auto;width:100%;display:flex;justify-content:space-evenly;align-items:center;box-sizing:border-box;padding:0}.react-multiple-carousel__arrow{z-index:500}.react-multiple-carousel__arrow--left{left:3px}.react-multiple-carousel__arrow--right{right:3px}@media only screen and (max-width: 765px){.projects-filter button{font-size:14px;padding:5px 10px}.projects-list{width:97%;display:flex;justify-content:center}.react-multi-carousel-list li{margin-right:2%;margin-left:2%}}.contact-main{width:100%;padding:5% 0;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background-color:var(--backColor);color:#fff;font-size:21px}.contact-main h2{color:var(--fontpurple);font-size:21px;margin-bottom:7%}.contact-left span{width:80%;text-align:left;font-size:17px;margin-bottom:7%}.contact-content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.contact-left{width:100%;display:flex;flex-direction:column;align-items:center}.contact-mobile{width:80%;border-radius:5px;color:var(--fontBlack);display:flex;justify-content:space-around;align-items:center;background-color:#fff;box-sizing:border-box;padding:2%;margin-bottom:7%}.mobileEmail{display:flex;flex-direction:column;justify-content:center}form{width:80%;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}form label{width:100%;font-size:17px;text-align:left}#message{height:90px}.contact-input{width:100%;margin-bottom:5%;padding:2%;border:none;outline:none;color:#d1d1d1;font-size:17px;border-radius:11px;box-sizing:border-box;background-color:#44474d}.contact-submit-btn{margin-top:2%;border-radius:11px;background-color:var(--fontpurple);font-size:19px;padding:1% 6%;border:none;transition:all .3s ease-in-out}.contact-submit-btn:hover{padding:2% 7%;background-color:#8b9de8;color:#363636}.contact-right{display:none}.contact-right span{font-size:17px}#contact-emailUp{font-size:19px;font-weight:700;margin:0}.contact-social{display:flex;flex-direction:column;justify-content:space-between}.contact-social a{cursor:pointer;text-decoration:none;color:#000;margin:30% 0}.contact-social a:hover{color:var(--backColor)}.contact-social a:active,.social-link:visited{color:#000}.popup-container{position:fixed;top:0;right:0;width:100%;height:100%;padding-top:48px;background-color:#3636369b;box-sizing:border-box;z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center}.popup-content{width:80%;height:60%;color:#000;background-color:#fff;border-radius:11px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.popup-container span{color:var(--fontpurple);font-weight:700}.popup-content button{background-color:var(--fontpurple);color:#fff;padding:1% 9%}@media (min-width: 768px){.contact-main{padding:3% 0}.contact-content{width:85%;flex-direction:row}.contact-main h2{margin-bottom:3%}.contact-mobile{display:none}.contact-left{width:55%;align-items:flex-start}form{align-items:flex-start}.contact-social{flex-direction:row;justify-content:flex-start;width:50%;margin-top:15%}.contact-social a{margin:0 21% 0 0}.contact-social a:hover{color:#8b9de8}.social-link:visited{color:#fff}.contact-right{display:flex;flex-direction:column;align-items:flex-start}.popup-content{width:43%}}nav{width:100%;display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#fff;height:48px;background-color:var(--backColor);box-sizing:border-box;position:sticky;top:0;z-index:1000}nav ul{width:100%;height:48px;display:flex;padding:1%;justify-content:flex-start;align-items:center;box-sizing:border-box}#nav-rigth{display:none;justify-content:flex-end}#nav_cartoon{display:flex}nav ul li a{text-decoration:none;color:#fff}.dropdown-menu li a{display:flex;padding:.5rem 1rem;text-decoration:none;color:var(--backColor);width:50%;align-items:center}nav ul li a:hover{color:var(--fontpurple)}#nav_cartoon a{margin-left:5px}nav ul li{list-style:none;display:flex;align-items:center;justify-content:center;margin-right:10%;padding:1% 4%}.active{color:var(--fontpurple)}@keyframes fadeIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.nav_left{animation:fadeIn 1s ease-in-out}nav ul .nav_left{width:25px;border-radius:50px;justify-content:flex-start;align-items:center;font-size:25px}#nav-ham{display:flex;justify-content:flex-end;font-size:25px}#nav_name{display:none}.dropdown-container{position:fixed;top:0;right:0;width:100%;height:100%;padding-top:48px;background-color:#3636369b;box-sizing:border-box;z-index:999}.dropdown-menu{width:100%;height:100%;background-color:#fff;border-top-left-radius:11px;border-top-right-radius:11px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.dropdown-menu li{padding:.5rem 1rem;border-bottom:solid 1px var(--fontBlack);width:100%;display:flex;justify-content:flex-start}#dropdown-top{display:flex;justify-content:space-between;padding:1%}#dropdown-top img{width:6%}#dropdown-top button,#dropdown-top button:hover{background:none;border:none}.dropdown-menu li:last-child{justify-self:flex-end;align-self:center;width:30%;margin-left:12%;border-bottom:solid 5px var(--fontBlack);margin-top:auto;margin-bottom:5%}.drop-icon{margin-right:7%}@media (min-width: 768px){#nav-ham{display:none}#nav-rigth{display:flex;justify-content:flex-end}#nav_cartoon{display:none}#nav_name{display:flex}.dropdown-container{display:none}}.footer{width:100%;box-sizing:border-box;display:flex;justify-content:space-evenly;border-top:#858585 solid 1px;padding:20px;background-color:var(--backColor);color:#fff}footer.footer{font-size:18px}.footer-social{list-style:none;display:flex;justify-content:center;align-items:center}.footer-social li{display:flex;justify-content:center;align-items:center;margin:0 15px}.footer-link{color:#fff;text-decoration:none;display:flex;justify-content:center;align-items:center}.footer-link:link,.footer-link:visited,.footer-link:hover,.footer-link:active{color:#fff}#footer-mail{display:flex;justify-content:center;align-items:center}#footer-mail a{text-decoration:none;color:#fff;display:flex;justify-content:center;align-items:center}.contact-text{display:inline}@media (max-width: 768px){.contact-text{display:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--backColor: #181d2b;--fontBlack: #363636;--fontpurple: #5a79f3}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:Titillium Web,sans-serif}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}