html{font-family:var(--primary-font-family);margin:0 auto}body,html{scroll-behavior:smooth}body{background-color:var(--primary-bg-color);background-color:#1a1626;color:var(--primary-color);margin:0}::-webkit-scrollbar{cursor:pointer;width:4px}::-webkit-scrollbar-thumb{background-color:#6e5fde;border-radius:30px;width:4px}::-webkit-scrollbar-track-piece{background-color:initial;width:4px}a{color:#fff;color:var(--primary-color);text-decoration:none}h1{letter-spacing:2px;margin:0}h3{letter-spacing:4px;margin:2% 0}h3,p{color:#9b9aa4;color:var(--paragraph-color)}p{font-size:medium;margin:0}.primary-color{color:#fff}.primary-background{background-color:#1a1626}.primary,.primary-font{font-family:Poppins,sans-serif}.primary{background-color:#1a1626;color:#fff}.second-background{background-color:#6e5fde}.under-line{border-bottom:.25rem solid #6e5fde;border-bottom:.25rem solid var(--second-bg-color);width:5rem}.break--mobile,.menu-bar--mobile{display:none}.App{color:#fff;color:var(--primary-color);font-family:Poppins,sans-serif;font-family:var(--primary-font-family);height:auto;padding:0 10%}.App,.menu-bar{background-color:#1a1626;background-color:var(--primary-bg-color);margin:0 auto}.menu-bar{align-items:baseline;display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;left:0;padding:5px;position:-webkit-sticky;position:sticky;right:0;top:0;-webkit-user-select:none;user-select:none;width:100%;z-index:1000}.menu-bar div{color:#6e5fde;color:var(--second-bg-color);font-size:medium;font-weight:500;letter-spacing:.2rem}.menu-bar ul{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;padding:0;width:60%}.menu-bar ul a{color:#fff;color:var(--primary-color);margin-left:5%;text-decoration:none;transition:color .2s ease-in-out}.menu-bar ul a:hover{color:#6e5fde;color:var(--second-bg-color)}.mode{align-items:center;cursor:pointer;display:flex}.btn-mode{font-size:1.4rem}.Intro{align-items:baseline;display:flex;justify-content:center}.faLaptop{align-self:flex-end}.Intro div{margin-left:5px}.home{align-items:center;flex-direction:column;justify-content:center;padding:6rem 0;width:100%;width:var(--width-slide)}.home,.home div:first-child{display:flex}.home-website{display:flex;flex-direction:column;height:45%;width:10%}.home-website a{padding:1rem 0;transition:.6s}.home-website a:hover{-webkit-transform:translateY(-15px);transform:translateY(-15px)}.home-information{justify-content:space-between;margin-right:5%;width:55%}.home-content,.home-information{display:flex;flex-direction:column}.btn-ct-me{background-color:#6e5fde;background-color:var(--second-bg-color);border-radius:5px;cursor:pointer;font-weight:500;margin:4% 0;padding:2% 4%;transition:.4s;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn-ct-me:hover{background-color:#5044a7;background-color:var(--second-bg-color-hover);padding:calc(2% + 1px) calc(4% + 1px)}.scroll-down{align-items:center;color:#6e5fde;color:var(--second-bg-color);cursor:pointer;display:flex;font-size:small;-webkit-user-select:none;user-select:none}.scroll-down div{color:#fff;color:var(--primary-color);font-weight:500;margin:0 2%}.home-avatar{align-items:center;display:flex;height:100%;justify-content:center;width:35%}.box{height:25vw;width:25vw}.spin-container{-webkit-animation:spin 12s linear infinite;animation:spin 12s linear infinite;height:100%;position:relative;width:100%}.shape{-webkit-animation:morph 8s ease-in-out infinite alternate both;animation:morph 8s ease-in-out infinite alternate both;background-color:#6e5fde;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:100%;overflow:hidden;transition:border-radius 1s ease-out;width:100%;z-index:-1}.avatar,.shape{position:absolute}.avatar{animation:spin 12s linear infinite reverse;background-image:url(/static/media/avatar.41fb7d677a8ebd0b4ecf.jpg);background-position:50%;background-size:100%;height:139%;left:-20%;object-fit:cover;top:-20%;width:139%}@-webkit-keyframes pulse{0%{-webkit-transform:translateY(10%);transform:translateY(10%)}25%{-webkit-transform:translateY(30%);transform:translateY(30%)}50%{-webkit-transform:translateY(50%);transform:translateY(50%)}75%{-webkit-transform:translateY(30%);transform:translateY(30%)}to{-webkit-transform:translateY(10%);transform:translateY(10%)}}@keyframes pulse{0%{-webkit-transform:translateY(10%);transform:translateY(10%)}25%{-webkit-transform:translateY(30%);transform:translateY(30%)}50%{-webkit-transform:translateY(50%);transform:translateY(50%)}75%{-webkit-transform:translateY(30%);transform:translateY(30%)}to{-webkit-transform:translateY(10%);transform:translateY(10%)}}.btn-srcoll-down{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite;font-size:2rem;transition:.5s}.btn-srcoll-down:hover{font-size:2.5rem;font-weight:600}@-webkit-keyframes morph{0%{border-radius:38% 62% 69% 31%/36% 58% 42% 64%}to{border-radius:40% 60%}}@keyframes morph{0%{border-radius:38% 62% 69% 31%/36% 58% 42% 64%}to{border-radius:40% 60%}}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.about{align-items:center;background-color:#232032;background-color:var(--third-bg-color);border-radius:10px;display:flex;flex-direction:column;padding:5rem 0;width:100%;width:var(--width-slide)}.about-information{align-items:baseline;display:flex;flex-direction:row;justify-content:space-between;margin-top:5%;padding:0 5%}.about-information h3{color:#fff;color:var(--primary-color)}.about-introduction{padding-right:5%;width:60%}.about-education{width:40%}.school{color:#fff;color:var(--primary-color);font-size:small;font-weight:600}.skill{align-items:center;display:flex;flex-direction:column;padding:5rem 0;width:100%;width:var(--width-slide)}.skills-container{display:flex;flex-wrap:wrap;margin-top:5%;width:100%}.skill-item{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:5%;-webkit-user-select:none;user-select:none;width:20%}.skill-item div{font-family:Poppins,sans-serif;font-family:var(--primary-font-family);font-size:small;font-weight:400;margin-top:1rem}.portfolio{align-items:center;background-color:#232032;background-color:var(--third-bg-color);border-radius:10px;display:flex;flex-direction:column;padding:5rem 0;width:100%;width:var(--width-slide)}.slider{margin-top:5%;width:80%}.portfolio-item{align-items:center;align-items:flex-start;display:flex!important;justify-content:space-around}.portfolio-gif{border-radius:10px;width:50%}.portfolio-information{width:40%}.portfolio-information h3{color:#fff;color:var(--primary-color)}.portfolio-btn{margin-top:2rem}.portfolio-btn a{background-color:#6e5fde;background-color:var(--second-bg-color);border-radius:5px;cursor:pointer;padding:2% 4%;-webkit-user-select:none;user-select:none}.portfolio-btn a:first-child{margin-right:5%}.slick-dots li button:before{color:#fff;color:var(--primary-color)}.slick-active{color:#6e5fde}.contact{align-items:center;display:flex;flex-direction:column;padding:5rem 0;width:100%;width:var(--width-slide)}.contact-container{align-items:baseline;display:flex;justify-content:space-between;margin-top:5%;width:100%}.contact-info{width:50%}.contact-form{width:40%}.contact-method{display:flex;flex-direction:column;justify-content:space-evenly;margin-top:5%}.contact-method div{display:flex;flex-wrap:wrap;margin:.6rem 0}.contact-method div p{color:#fff;color:var(--primary-color);margin-left:1rem}.contact-send{display:flex;flex-direction:column;margin-top:5%}.contact-send div{display:flex;justify-content:space-between;width:100%}.contact-send div input{background-color:#232032;background-color:var(--third-bg-color);border:none;border-radius:5px;color:#fff;color:var(--primary-color);padding:2%;width:43%}.contact-send div input:focus{border:2px solid #6e5fde}.contact-input{background-color:#232032;background-color:var(--third-bg-color);border:none;border-radius:5px;color:#fff;color:var(--primary-color);margin-top:5%;padding:2%}.contact-send textarea{height:200px!important}.input-focus:focus{border:1px solid #6e5fde;border:1px solid var(--second-bg-color)}.btn-send{background-color:#6e5fde;background-color:var(--second-bg-color);border-radius:5px;border-width:0;color:#fff;color:var(--primary-color);cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--primary-font-family);font-weight:500;margin-top:5%;padding:2% 4%;transition:.4s}.btn-send:hover{background-color:#5044a7;background-color:var(--second-bg-color-hover);color:#b3b3b3;color:var(--primary-color-hover);padding:calc(2% + 1px) calc(4% + 2px)}.footer{align-items:center;background-color:#232032;background-color:var(--third-bg-color);display:flex;flex-direction:column;padding:3% 0}.footer-socials{display:flex;font-size:22px;justify-content:space-evenly;width:30%}.footer-socials a{align-items:center;display:flex}.footer-socials .item{padding:2%;transition:.4s}.footer-socials .item:hover{color:#6e5fde;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.footer-name{display:flex;justify-content:center;margin-bottom:2%;margin-top:3%;-webkit-user-select:none;user-select:none;width:30%}.footer-name div{letter-spacing:3px;margin-left:2%}:root{--primary-bg-color:#1a1626;--primary-color:#fff;--primary-color-hover:#b3b3b3;--primary-font-family:"Poppins",sans-serif;--second-bg-color:#6e5fde;--third-bg-color:#232032;--paragraph-color:#9b9aa4;--second-bg-color-hover:#5044a7;--width-slide:100%;--heigh-slide:100vh}@media screen and (min-width:768px) and (max-width:959px){.menu-bar ul{width:67%}}@media only screen and (max-width:889px){.contact-logo{display:none}}@media only screen and (max-width:767px){.break--mobile{display:inline}.menu-bar{display:none}.menu-bar--mobile{align-items:center;background-color:rgba(110,95,222,.3);border-radius:40px;bottom:15px;display:flex;height:50px;justify-content:space-around;left:0;margin:0 auto;position:fixed;right:0;width:80%;z-index:1000}.bar-item--mobile{border-radius:50%;color:#fff;font-size:1.5rem;padding:10px}.home{padding:3rem 0}.home-website{display:none!important}.home-information{margin:0;text-align:center;width:100%}.home div:first-child{align-items:center;flex-direction:column}.home-content p{display:none}.home-avatar{padding:3rem 0;width:100%}.box{height:60vw;width:60vw}.btn-ct-me{margin-top:1.5rem;padding:5% 10%;-webkit-transform:translateX(-10%);transform:translateX(-10%);width:100%}.footer{padding:3% 0 5rem}.about{padding-bottom:2rem;padding-top:2rem}.about-information{flex-direction:column;gap:16px}.about-education,.about-introduction{width:100%}.skill-item{width:32%}.portfolio{gap:1rem}.portfolio-item{flex-direction:column}.portfolio-gif,.portfolio-information{width:100%}.contact-container{flex-direction:column;gap:1rem}.contact-form,.contact-info{width:100%}}:root{--primary-darkmode:#1a1626;--primary-lightmode:#e8eaf6;--second-lightmode:#6e5fde;--paragraph-color--lightmode:#727275}.light{background-color:#e8eaf6!important;background-color:var(--primary-lightmode)!important}.light,.mode--light{color:#6e5fde!important}.second--Light{background-color:#6e5fde;background-color:var(--second-lightmode);color:#fff}.text--light{color:#fff!important}.text--gray{color:#727275!important;color:var(--paragraph-color--lightmode)!important}.border--light{border-color:#fff}.input--light{background-color:#fff;border-color:#6e5fde!important}
/*# sourceMappingURL=main.351ddec3.css.map*/