html{scroll-behavior:smooth}body{letter-spacing:.8px}.navbar,body{background-color:#fff}.navbar{height:70px;position:fixed;width:100%;z-index:3}.navbar__container{align-items:center;display:flex;margin:10px auto;padding:10px 30px}.navbar__logo{align-items:center;background-color:#15023a;border-radius:50%;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:35px;font-weight:500;height:50px;justify-content:center;margin:0 40px 12px 15px;text-transform:uppercase;width:50px}.navbar__logo,a.navbar__logo{-webkit-user-select:none;-ms-user-select:none;user-select:none}a.navbar__logo{color:#fff}.navbar__gitlogo,.navbar__linkedinlogo{margin:0 0 5px 30px}.navbar__menu{margin-left:320px}.navbar__list{display:flex;list-style:none}.navbar__item{margin-left:30px}.navbar__link{color:#15023a;font-family:Poppins,sans-serif;font-size:1.7rem;font-weight:700}a.navbar__link{color:#15023a}.underline__animation{background-color:#15023a;height:3px;position:relative;right:705px;top:22px;transition:.5s;width:78px}li:nth-child(2):hover~.underline__animation{background-color:#15023a;-webkit-transform:translate(105px);transform:translate(105px);width:120px}li:nth-child(3):hover~.underline__animation{background-color:#15023a;-webkit-transform:translate(250px);transform:translate(250px);width:180px}li:nth-child(4):hover~.underline__animation{background-color:#15023a;-webkit-transform:translate(460px);transform:translate(460px);width:110px}li:nth-child(5):hover~.underline__animation{background-color:#15023a;-webkit-transform:translate(600px);transform:translate(600px);width:105px}@media screen and (min-width:1367px) and (max-width:1605px){.navbar{height:70px;position:fixed;width:105%}.navbar__link{font-size:1.7rem}.navbar__menu{margin-left:160px}.underline__animation{right:705px}li:nth-child(2):hover~.underline__animation{-webkit-transform:translate(108px);transform:translate(108px);width:115px}li:nth-child(3):hover~.underline__animation{-webkit-transform:translate(250px);transform:translate(250px);width:182px}li:nth-child(4):hover~.underline__animation{-webkit-transform:translate(460px);transform:translate(460px);width:110px}li:nth-child(5):hover~.underline__animation{-webkit-transform:translate(600px);transform:translate(600px);width:110px}}@media screen and (min-width:1024px) and (max-width:1366px){.navbar{background-color:#fff;height:70px;position:fixed;width:105%}.navbar__logo{font-size:2rem;margin:0 15px 12px 1px}.navbar__gitlogo,.navbar__linkedinlogo{margin:0 0 5px 20px}.navbar__menu{margin-left:95px}.navbar__link{font-size:1.2rem}.underline__animation{right:550px}li:nth-child(2):hover~.underline__animation{-webkit-transform:translate(90px);transform:translate(90px);width:90px}li:nth-child(3):hover~.underline__animation{-webkit-transform:translate(200px);transform:translate(200px);width:140px}li:nth-child(4):hover~.underline__animation{-webkit-transform:translate(360px);transform:translate(360px);width:90px}li:nth-child(5):hover~.underline__animation{-webkit-transform:translate(470px);transform:translate(470px);width:85px}}@media screen and (min-width:320px) and (max-width:1023px){.navbar{display:none}}.home{height:100vh;width:100%}.home__container{margin-left:auto;margin-right:auto;padding-top:200px}.home__content{left:20%;position:absolute;top:35%}.home__title{color:#15023a}.button{font-family:Poppins,sans-serif;font-size:18px;margin-top:70px}.portfolio__button{color:#15023a;margin-left:30px}.portfolio__button:hover{color:#15023a}.contact__button{background-color:#1e0355;border-radius:5px;color:#fff;padding:12px 25px}.contact__button:hover{background-color:#15023a;color:#fff}.home__title h1{font-size:60px}.home__title h2{font-size:35px}.home__title h3{font-size:40px;margin-top:10px}.home__title h1,h2,h3{font-family:Poppins,sans-serif;font-weight:500}.home__title span{color:#e50914;font-weight:700}a{text-decoration:none}.ityped-cursor{-webkit-animation:blink 1s infinite;animation:blink 1s infinite}@-webkit-keyframes blink{50%{opacity:1}to{opacity:0}}@keyframes blink{50%{opacity:1}to{opacity:0}}@media screen and (min-width:1024px) and (max-width:1605px){.home__content{left:5%}.home__title h2,.home__title h3{font-size:30px}.home__title span{font-size:28px}}@media screen and (min-width:768px) and (max-width:1023px){.home{overflow:hidden;position:relative}.home__content{left:5%;margin-left:20%;margin-top:-20%}.home__title h1{font-size:50px}.home__title h2{font-size:35px}.home__title h3{font-size:30px}.home__title span{color:#e50914;font-size:25px;font-weight:700}.button{font-size:15px;margin-top:10%}.portfolio__button{margin-left:5%}.contact__button{padding:2% 3%}}@media screen and (min-width:320px) and (max-width:660px){.home__content{left:5%;margin-left:10%;margin-top:-20%}.home__title h1{font-size:35px}.home__title h2,.home__title h3,.home__title span{font-size:30px}.button{font-size:13px;margin-top:10%}.portfolio__button{margin-left:4%}.contact__button{padding:4% 2%}}.about{color:#15023a;font-family:Poppins,sans-serif;height:100vh;margin-bottom:100px}.about__title{font-size:35px;font-weight:700;padding-top:100px;text-align:center;text-transform:uppercase}.about__container{margin:40px 500px auto 770px;padding:10px}.about__description{font-size:18px;font-weight:300;line-height:2.5rem;text-align:justify}.text__uppercase{text-transform:uppercase}.img__item{align-items:center;border:4px solid #15023a;border-radius:50%;display:flex;flex-direction:column;height:350px;left:400px;position:absolute;top:1100px;width:350px}.img__about{border-radius:50%;height:342px;object-fit:cover;width:342px}.about__description span{color:#e50914;font-weight:700}@media screen and (min-width:1367px) and (max-width:1605px){.about__title{padding-top:115px;text-align:center}.about__container{margin:25% 10% auto 20%;padding:10px;width:60%}.about__description{font-size:22px;word-spacing:1px}.text__uppercase{word-spacing:-5px}.img__item{height:300px;left:39%;margin-top:8px;top:123%;width:300px}.img__item img{height:100%;width:100%}}@media only screen and (min-width:1024px) and (max-width:1366px){.about__title{padding-top:65px;text-align:center}.img__item{height:240px;left:39%;margin-top:12px;top:113%;width:240px}.img__item img{height:100%;width:100%}.about__container{margin:23% 10% auto 20%;padding:10px;width:60%}}@media screen and (min-width:768px) and (max-width:1023px){.about{margin-top:-10%}.about__title{padding-top:80px;text-align:center}.text__uppercase{word-break:break-all}.img__item{height:200px;left:38%;top:110%;width:200px}.img__item img{height:100%;object-fit:cover;width:100%}.about__container{margin:35% 10% auto 20%;padding:10px;width:60%}}@media screen and (min-width:320px) and (max-width:660px){.about__title{font-size:2.2rem;padding-top:40px;text-align:center}.about__container{margin:55% 10% auto 1%;padding:10px;width:100%}.text__uppercase{word-break:break-all}.img__item{height:150px;left:28%;margin-top:-5%;position:relative;top:-1000px;width:150px}.img__item img{height:100%;width:100%}}.resume{color:#15023a;font-family:Poppins,sans-serif;height:100vh;margin-bottom:180px}.resume__title{font-size:35px;font-weight:700;padding-top:100px;text-align:center;text-transform:uppercase}.resume__container{display:flex;justify-content:center}.resume__subtitle{margin:60px 200px}.resume__presentation{font-size:2rem;font-weight:500}.resume__sections{display:flex;margin-left:-70px;margin-top:90px;position:absolute}.resume__items{display:flex;line-height:50px;margin-left:100px}.resume__items:before{background-color:#15023a;content:"";height:90%;left:20px;position:relative;top:35px;width:1px}.resume__education{margin-left:3px}.resume__diploma{font-size:1rem;font-weight:700;margin-bottom:-10px;text-transform:uppercase}.resume__school{font-size:.9rem;font-weight:500}.resume__date{font-size:.9rem;font-weight:200;margin-top:-15px}.resume__education:before{background-color:#e50914;border-radius:50%;content:"";display:block;height:18px;position:relative;right:33px;top:18px;width:18px}@media screen and (min-width:1367px) and (max-width:1605px){.resume{margin-top:40%}}@media screen and (min-width:1024px) and (max-width:1366px){.resume{margin-top:50%}.resume__presentation{font-size:2rem;position:absolute}.resume__title{padding-top:250px}.resume__subtitle{margin:2% auto auto 18%}.resume__sections{margin-left:-5%;margin-top:8%}.resume__items{margin-left:80px}.resume__diploma{font-size:.9rem}}@media screen and (min-width:768px) and (max-width:1023px){.resume{margin-top:70%}.resume__title{padding-top:30px}.resume__subtitle{margin:2% auto auto 18%}.resume__presentation{font-size:1.5rem;position:absolute}.resume__sections{margin-left:-5%;margin-top:8%;overflow:hidden}.resume__items{margin-left:80px}.resume__diploma,.resume__school{font-size:.7rem}.resume__date{font-size:.6rem;margin-right:-70%;margin-top:-25px}}@media screen and (min-width:320px) and (max-width:660px){.resume{margin-bottom:80%;margin-top:150%}.resume__container{width:100%}.resume__title{font-size:2.2rem;padding-top:150px}.resume__subtitle{margin:2% auto auto 20%}.resume__presentation{font-size:1rem;margin-left:-7%;position:absolute}.resume__sections{margin-left:-8%;margin-top:8%;overflow:hidden}.resume__items{margin-left:50px}.resume__diploma{font-size:.6rem}.resume__school{font-size:.5rem}.resume__date{display:none}.resume__items:before{left:25px}.resume__education:before{height:15px;right:26px;width:15px}}.portfolio{color:#15023a;font-family:Poppins,sans-serif;height:100vh;margin-top:100px}.portfolio__title{font-size:35px;font-weight:700;padding-top:120px;text-align:center;text-transform:uppercase}.portfolio__carrousel{cursor:grab;margin:5% 20%;overflow:hidden;position:relative}.portfolio__item{min-height:40rem;min-width:30rem;padding:10px}.portfolio__item img{border-radius:10px;height:70%;pointer-events:none;width:100%}.inner-carrousel{display:flex}.portfolio__link{align-items:center;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:#15023a;border-radius:10px;bottom:-100%;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;transition:.3s;width:100%}.portfolio__item:hover .portfolio__link{bottom:100%}.portfolio__work{color:#e50914;text-align:center}.portfolio__item a,.portfolio__work{font-weight:700;text-transform:uppercase}.portfolio__item a{background-color:#e50914;border-radius:10px;color:#fff;margin-left:10px;margin-top:50px;padding:12px 30px}@media screen and (min-width:1367px) and (max-width:1605px){.portfolio{margin-bottom:20%;margin-top:40%}.portfolio__item{min-height:28rem;min-width:28rem;padding:15px}}@media screen and (min-width:1024px) and (max-width:1366px){.portfolio{margin-bottom:20%;margin-top:50%}.portfolio__item{min-height:28rem;min-width:28rem;padding:15px}}@media screen and (min-width:768px) and (max-width:1023px){.portfolio__item{min-height:20rem;min-width:20rem;padding:15px}}@media screen and (min-width:320px) and (max-width:660px){.portfolio__title{font-size:2.2rem}.portfolio__item{min-height:10rem;min-width:10rem;padding:15px}.portfolio__work{font-size:1.2rem;padding-top:35%}.portfolio__item a{margin-left:5px;margin-top:40px;padding:10px 15px}}.contact{color:#15023a;font-family:Poppins,sans-serif;height:100vh;margin-top:180px}.contact__title{font-size:35px;font-weight:700;padding-top:100px;text-align:center;text-transform:uppercase}.contact__container{flex-direction:column}.contact__container,.contact__form{align-items:center;display:flex;justify-content:center}.contact__form{flex-wrap:wrap;height:300px;margin-top:20px;width:60%}.contact__input{border:2px solid #15023a;border-radius:5px;color:#15023a;font-family:Poppins,sans-serif;font-weight:500;height:50px;margin:10px 20px;padding-left:10px;width:60%}.contact__input,.send__button{font-size:16px;outline-style:none}.send__button{background-color:#1e0355;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-right:550px;margin-top:20px;padding:12px 20px}.send__button:hover{background-color:#15023a}::-webkit-input-placeholder{color:#15023a;font-weight:400;padding:2px}:-ms-input-placeholder{color:#15023a;font-weight:400;padding:2px}::placeholder{color:#15023a;font-weight:400;padding:2px}textarea{resize:none}@media screen and (min-width:1367px) and (max-width:1605px){.contact__input{width:95%}.send__button{margin-right:79%;margin-top:.5%}}@media screen and (min-width:1024px) and (max-width:1366px){.contact__input{width:100%}.send__button{margin-right:72.5%;margin-top:.3%}}@media screen and (min-width:768px) and (max-width:1023px){.contact{margin-top:-10%}.contact__input{width:100%}.send__button{margin-right:0;margin-top:1%}}@media screen and (min-width:320px) and (max-width:640px){.contact{margin-top:-10%}.contact__title{font-size:2.2rem}.contact__form{width:100%}.send__button{margin-bottom:10%;margin-right:10%;padding:10px 20px}}.App{height:100vh;width:100%}