/*
 * ╔════════════════════════════════════════════════════════════╗
 * ║  © 2025 - Lequart Guillaume                                ║
 * ║  Project : Portfolio                                       ║
 * ║  Author : MaloCoccyx                                       ║
 * ║  Description : Main File - SCSS                            ║
 * ║  Licence : CC BY-NC 4.0 International                      ║
 * ║  https://creativecommons.org/licenses/by-nc/4.0/           ║
 * ╚════════════════════════════════════════════════════════════╝
 */
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ul,ol{list-style:none;padding:0;margin:0}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}html{font-size:16px}@media(min-width: 768px)and (max-width: 991px){html{font-size:15px}}@media(max-width: 479px){html{font-size:13px}}body{font-family:"Roboto",sans-serif;line-height:1.6;color:#333}h1,h2,h3,h4,h5,h6{font-family:"Montserrat",sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h1.primary,h2.primary{color:#8705f2}h1.secondary,h2.secondary{color:#f25c05}h1.tertiary,h2.tertiary{color:#23a6d5}h1.quaternary,h2.quaternary{color:#05f270}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}.projects__container h1,.contact__container h1{background:#fff;border-radius:50px;width:300px;box-shadow:0 0 30px #000;height:50px;text-align:center;line-height:3rem;margin:0 auto;font-size:2rem}.projects__container h1.primary,.projects__container h2.primary,.contact__container h1.primary,.contact__container h2.primary{border:1px solid #8705f2}.projects__container h1.secondary,.projects__container h2.secondary,.contact__container h1.secondary,.contact__container h2.secondary{border:1px solid #f25c05}.projects__container h1.tertiary,.projects__container h2.tertiary,.contact__container h1.tertiary,.contact__container h2.tertiary{border:1px solid #23a6d5}.projects__container h1.quaternary,.projects__container h2.quaternary,.contact__container h1.quaternary,.contact__container h2.quaternary{border:1px solid #05f270}p{margin-bottom:1.5rem}a{color:#06c;text-decoration:none;transition:color .3s ease}a:hover{color:hsl(210,100%,49%);text-decoration:underline}ul,ol{margin-bottom:1.5rem;padding-left:1.5rem}ul{list-style-type:disc}ol{list-style-type:decimal}code,pre{font-family:"Source Code Pro",monospace;background-color:#f5f5f5;border-radius:3px}code{padding:.2em .4em;font-size:.9em}pre{padding:1rem;overflow-x:auto;margin-bottom:1.5rem}pre code{padding:0;background-color:rgba(0,0,0,0)}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.m-1{margin:.25rem}.pt-1{padding-top:.25rem}.pr-1{padding-right:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.p-1{padding:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.m-2{margin:.5rem}.pt-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.p-2{padding:.5rem}.mt-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.m-3{margin:.75rem}.pt-3{padding-top:.75rem}.pr-3{padding-right:.75rem}.pb-3{padding-bottom:.75rem}.pl-3{padding-left:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.p-3{padding:.75rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-4{margin-top:1rem;margin-bottom:1rem}.m-4{margin:1rem}.pt-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.p-4{padding:1rem}.mt-5{margin-top:1.25rem}.mr-5{margin-right:1.25rem}.mb-5{margin-bottom:1.25rem}.ml-5{margin-left:1.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.m-5{margin:1.25rem}.pt-5{padding-top:1.25rem}.pr-5{padding-right:1.25rem}.pb-5{padding-bottom:1.25rem}.pl-5{padding-left:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.p-5{padding:1.25rem}.mt-6{margin-top:1.5rem}.mr-6{margin-right:1.5rem}.mb-6{margin-bottom:1.5rem}.ml-6{margin-left:1.5rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.m-6{margin:1.5rem}.pt-6{padding-top:1.5rem}.pr-6{padding-right:1.5rem}.pb-6{padding-bottom:1.5rem}.pl-6{padding-left:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.p-6{padding:1.5rem}.mt-7{margin-top:1.75rem}.mr-7{margin-right:1.75rem}.mb-7{margin-bottom:1.75rem}.ml-7{margin-left:1.75rem}.mx-7{margin-left:1.75rem;margin-right:1.75rem}.my-7{margin-top:1.75rem;margin-bottom:1.75rem}.m-7{margin:1.75rem}.pt-7{padding-top:1.75rem}.pr-7{padding-right:1.75rem}.pb-7{padding-bottom:1.75rem}.pl-7{padding-left:1.75rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.p-7{padding:1.75rem}.mt-8{margin-top:2rem}.mr-8{margin-right:2rem}.mb-8{margin-bottom:2rem}.ml-8{margin-left:2rem}.mx-8{margin-left:2rem;margin-right:2rem}.my-8{margin-top:2rem;margin-bottom:2rem}.m-8{margin:2rem}.pt-8{padding-top:2rem}.pr-8{padding-right:2rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.px-8{padding-left:2rem;padding-right:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.p-8{padding:2rem}.mt-9{margin-top:2.25rem}.mr-9{margin-right:2.25rem}.mb-9{margin-bottom:2.25rem}.ml-9{margin-left:2.25rem}.mx-9{margin-left:2.25rem;margin-right:2.25rem}.my-9{margin-top:2.25rem;margin-bottom:2.25rem}.m-9{margin:2.25rem}.pt-9{padding-top:2.25rem}.pr-9{padding-right:2.25rem}.pb-9{padding-bottom:2.25rem}.pl-9{padding-left:2.25rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.p-9{padding:2.25rem}.mt-10{margin-top:2.5rem}.mr-10{margin-right:2.5rem}.mb-10{margin-bottom:2.5rem}.ml-10{margin-left:2.5rem}.mx-10{margin-left:2.5rem;margin-right:2.5rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.m-10{margin:2.5rem}.pt-10{padding-top:2.5rem}.pr-10{padding-right:2.5rem}.pb-10{padding-bottom:2.5rem}.pl-10{padding-left:2.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.p-10{padding:2.5rem}.mt-11{margin-top:2.75rem}.mr-11{margin-right:2.75rem}.mb-11{margin-bottom:2.75rem}.ml-11{margin-left:2.75rem}.mx-11{margin-left:2.75rem;margin-right:2.75rem}.my-11{margin-top:2.75rem;margin-bottom:2.75rem}.m-11{margin:2.75rem}.pt-11{padding-top:2.75rem}.pr-11{padding-right:2.75rem}.pb-11{padding-bottom:2.75rem}.pl-11{padding-left:2.75rem}.px-11{padding-left:2.75rem;padding-right:2.75rem}.py-11{padding-top:2.75rem;padding-bottom:2.75rem}.p-11{padding:2.75rem}.mt-12{margin-top:3rem}.mr-12{margin-right:3rem}.mb-12{margin-bottom:3rem}.ml-12{margin-left:3rem}.mx-12{margin-left:3rem;margin-right:3rem}.my-12{margin-top:3rem;margin-bottom:3rem}.m-12{margin:3rem}.pt-12{padding-top:3rem}.pr-12{padding-right:3rem}.pb-12{padding-bottom:3rem}.pl-12{padding-left:3rem}.px-12{padding-left:3rem;padding-right:3rem}.py-12{padding-top:3rem;padding-bottom:3rem}.p-12{padding:3rem}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-top:0;margin-bottom:0}.m-0{margin:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}.p-0{padding:0}@keyframes zoomWave{0%{transform:scale(1)}100%{transform:scale(1.3)}}@keyframes wave1Anim{0%,100%{transform:translate3d(0px, -50px, 0)}50%{transform:translate3d(20px, -15px, 0)}}@keyframes wave2Anim{0%,100%{transform:translate3d(-2px, 50px, 0)}50%{transform:translate3d(-20px, -25px, 0)}}@keyframes wave3Anim{0%,100%{transform:translate3d(-10px, 0, 0)}50%{transform:translate3d(20px, -20px, 0)}}@keyframes wave4Anim{0%,100%{transform:translate3d(0, 0, 0)}50%{transform:translate3d(-10px, -10px, 0)}}@keyframes gradient-background{0%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@keyframes change{0%,11.1111111111%{transform:translateY(0%)}11.1111111111%,22.2222222222%{transform:translateY(-100%)}22.2222222222%,33.3333333333%{transform:translateY(-200%)}33.3333333333%,44.4444444444%{transform:translateY(-300%)}44.4444444444%,55.5555555556%{transform:translateY(-400%)}55.5555555556%,66.6666666667%{transform:translateY(-500%)}66.6666666667%,77.7777777778%{transform:translateY(-600%)}77.7777777778%,88.8888888889%{transform:translateY(-700%)}88.8888888889%,100%{transform:translateY(-800%)}100%{transform:translateY(0%)}}@keyframes pulse{0%,100%{background-size:100% 100%}50%{background-size:150% 150%}}@media(max-width: 479px){.home__content>.home__content__title h1{font-size:1.25rem}.home__content>.home__content__title h1 .background>span{padding-left:3px}.home__content>.home__content__title h2{font-size:.7rem;padding:3px}.home__content>.home__content__anim{height:2rem}.home__content>.home__content__anim::before,.home__content>.home__content__anim::after{font-size:2rem}.home__content>.home__content__anim p,.home__content>.home__content__anim ul{font-size:.9rem;line-height:2rem}.home__content>.home__content__anim ul{height:2rem}.about>.about__container{width:80%}.about>.about__container h1{font-size:1.5rem}.about>.about__container .about__content{flex-direction:column}.about>.about__container .about__content .about__content__me,.about>.about__container .about__content .about__content__text{font-size:.7rem;padding-bottom:0;padding-top:5px}.about>.about__container .about__content .about__content__me h2,.about>.about__container .about__content .about__content__text h2{font-size:1rem}.about>.about__container .about__content .about__content__text p{margin-bottom:5px;padding:0}.about>.about__container .about__content .about__content__text p,.about>.about__container .about__content .about__content__text p>strong,.about>.about__container .about__content .about__content__text p>strong>i,.about>.about__container .about__content .about__content__text p>i{font-size:.6rem}.about>.about__container a span,.about>.about__container a i,.about>.about__container a svg{height:30px;width:30px}.about__content__me__list{margin-bottom:5px}.about__content__me__cv{display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:0;grid-template-areas:"stage disii" "bts bac"}.about__content__me__cv .about__content__me__cv__list{margin:5px}.about__content__me__cv .stage{grid-area:stage}.about__content__me__cv .disii{grid-area:disii;padding-left:10px}.about__content__me__cv .bts{grid-area:bts}.about__content__me__cv .bac{grid-area:bac;padding-left:10px}.projects>.projects__container h1,.contact>.contact__container h1{font-size:1.3rem;height:40px;width:175px}.projects__content>.projects__content__technologies{margin:1rem auto .5rem auto}.projects__content__technologies>.btn{font-size:.6rem;line-height:1rem;padding:.5rem}.projects__content>.card-list-container{height:calc((225px + .5rem)*2 + 4rem);width:75%;margin:auto}.card-list-container>.card-list{grid-template-columns:repeat(3, 1fr)}.card-list>.card{height:150px}.card-list>.card .card__title{font-size:.6em;line-height:1rem}.card-list>.card .card__image{height:35%}.card-list>.card .card__description{font-size:.6rem;height:30%;overflow:hidden;text-overflow:ellipsis}.card-list>.card .card__footer__links,.card-list>.card .card__footer__techs{font-size:.5rem;line-height:1rem}.card-list-container>.card-pagination{height:30px;width:150px}.card-list-container>.card-pagination .card-pagination--text{font-size:1rem;line-height:2rem}.card-list-container>.card-pagination .scroll-left,.card-list-container>.card-pagination .scroll-right{width:30px;height:30px;font-size:1.5rem}.contact>.contact__container{width:80%}form>.form__group{display:grid;grid-auto-columns:1fr;grid-template-columns:1fr;grid-template-rows:50px 50px 100px 50px;gap:2rem;grid-template-areas:"email" "subject" "message" "send"}.form__group>.form__group__input label{font-size:.9rem;width:110px}.form__group>.form__group__input input{height:30px}.form__group>.form__group__input textarea{height:75px}}@media(min-width: 480px)and (max-width: 767px),(max-height: 480px)and (orientation: landscape){html{font-size:14px}.home>.home__content>.home__content__title h1{font-size:1.3rem}.home>.home__content>.home__content__title h2{font-size:.7rem;padding-top:.25rem;padding-bottom:.25rem}.home>.home__content>.home__content__anim{height:3rem}.home>.home__content>.home__content__anim::before,.home>.home__content>.home__content__anim::after{font-size:3rem}.home>.home__content>.home__content__anim p,.home>.home__content>.home__content__anim ul{font-size:1.2rem;line-height:3rem}.home>.home__content>.home__content__anim ul{max-height:3rem}.about>.about__container{width:100% !important}.about>.about__container h1{font-size:1rem}.about>.about__container .about__content{flex-direction:row}.about>.about__container .about__github i{height:20px;width:20px}.about>.about__container>.about__content>.about__content__me{padding-top:1rem}.about>.about__container>.about__content>h2{font-size:.8rem}.about>.about__container>.about__content>.about__content__me,.about>.about__container>.about__content>.about__content__text{font-size:.5rem;margin:0;padding:5px 5px 0 5px}.about>.about__container>.about__content>.about__content__me h2,.about>.about__container>.about__content>.about__content__text h2{font-size:.8rem}.about>.about__container>.about__content>.about__content__text{padding-top:.5rem}.about>.about__container>.about__content>.about__content__text h2{margin-bottom:0}.about>.about__container>.about__content>.about__content__text p{margin-bottom:5px}.about>.about__container>.about__content>.about__content__text p,.about>.about__container>.about__content>.about__content__text p>strong,.about>.about__container>.about__content>.about__content__text p>i,.about>.about__container>.about__content>.about__content__text p>strong>i{font-size:.5rem}.projects>.projects__container{width:100%}.projects__container>h1{font-size:1rem;line-height:1rem;width:150px;height:30px}.projects__content>.projects__content__technologies{margin:.5rem auto}.projects__container>.projects__content>.card-list-container{height:calc((100px + 2rem)*2)}.projects__container>.projects__content>.card-list-container .card-list{gap:.2rem}.projects__container>.projects__content>.card-list-container>.card-list>.card{height:100px}.projects__container>.projects__content>.card-list-container>.card-list>.card .card__title{font-size:.7rem;height:15%}.projects__container>.projects__content>.card-list-container>.card-list>.card .card__description{display:none !important}.projects__container>.projects__content>.card-list-container>.card-list>.card .card__image{height:60%;margin-bottom:0}.projects__container>.projects__content>.card-list-container>.card-list>.card .card__footer{height:20%}.projects__container>.projects__content>.card-list-container>.card-list>.card .card__footer__techs{font-size:.6rem}.projects__container>.projects__content>.card-list-container>.card-list>.card .card__footer__links{font-size:.7rem}.card-list-container>.card-pagination{width:150px}.card-list-container>.card-pagination .card-pagination--text{font-size:1.5rem;line-height:2.2rem}.contact>.contact__container{width:75%}.contact__form{margin:1rem auto;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr;grid-template-rows:50px 50px 100px 50px;gap:1rem;grid-template-areas:"email" "subject" "message" "send"}form>.form__group>.form__group__input label{width:130px;font-size:.9rem;line-height:1.5rem}form>.form__group>.form__group__input input{height:30px}form>.form__group>.form__group__input textarea{height:100px}}@media(max-width: 479px),(min-width: 480px)and (max-width: 991px),(max-height: 480px)and (orientation: landscape){body>header{height:100vh;width:0}body>header nav{width:75px;height:100vh;background:rgba(0,0,0,0)}body>header nav ul{width:50px;text-align:center;margin:auto;padding-left:0;border-radius:50px;top:50%;left:25%;transform:translateY(-50%)}body>header nav ul li{margin:0;line-height:50px}body>header nav ul li a>span.normal{display:none}body>header nav ul li a>span.mobile{display:inline-block}body>header nav ul.nav-collapsed{position:relative;top:2rem;left:25%}}@media(min-width: 768px)and (max-width: 991px){.home>.home__content>.home__content__title h1{font-size:2rem}.home>.home__content>.home__content__title h2{padding:5px}.home>.home__content>.home__content__anim{height:3rem}.home>.home__content>.home__content__anim::before,.home>.home__content>.home__content__anim::after{font-size:3rem}.home>.home__content>.home__content__anim p,.home>.home__content>.home__content__anim ul{font-size:1.5rem;line-height:3rem}.home>.home__content>.home__content__anim ul{height:3rem}.about>.about__container,.contact>.contact__container{width:75%}.about>.about__container h1{font-size:2rem}.about>.about__container a span,.about>.about__container a i,.about>.about__container a svg{height:50px;width:50px}.about__content .about__content__me h2,.about__content .about__content__text h2{font-size:1.2rem}.about__content .about__content__me,.about__content .about__content__text{font-size:.8rem}.about__content .about__content__text p,.about__content .about__content__text p>strong,.about__content .about__content__text p>strong>i{font-size:.8rem}.projects__content>.card-list-container{height:calc((350px + .5rem)*2 + 4rem)}.projects__content>.card-list-container .card-list{width:75%;margin:auto}.projects__content>.card-list-container .card-list .card{height:300px}.projects__content>.card-list-container .card-list .card__title{font-size:.9rem}.projects__content>.card-list-container .card-list .card__image{height:40%}.projects__content>.card-list-container .card-list .card__description{font-size:.7rem;height:35%;padding-top:0}.projects__content>.card-list-container .card-list .card__footer{height:4%}.projects__content>.card-list-container .card-list .card__footer__links,.projects__content>.card-list-container .card-list .card__footer__techs{font-size:.7rem}}@media(min-width: 480px)and (max-width: 767px),(max-height: 480px)and (orientation: landscape),(min-width: 992px)and (max-width: 1199px){.projects__content__technologies>.btn{font-size:.6rem;line-height:1rem;padding:.5rem}.about>.about__container h1{font-size:1.3rem}.about>.about__container .about__content{flex-direction:column}.about>.about__container .about__content__me{font-size:.8rem;display:grid;grid-auto-columns:1fr;grid-template-columns:.4fr 1.6fr;grid-template-rows:.2fr 1.8fr;grid-template-areas:"who curriculum" "me__list cv__list"}.about>.about__container .about__content__me h2.secondary{grid-area:who;text-align:left}.about>.about__container .about__content__me h2.primary{grid-area:curriculum;text-align:left;margin-left:1rem}.about>.about__container .about__content__me__list{grid-area:me__list;margin-left:1rem}.about>.about__container .about__content__me__cv{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"stage disii" "bts bac";grid-area:cv__list;margin-left:2rem}.about>.about__container .about__content__me__cv .stage{grid-area:stage}.about>.about__container .about__content__me__cv .disii{grid-area:disii}.about>.about__container .about__content__me__cv .bts{grid-area:bts}.about>.about__container .about__content__me__cv .bac{grid-area:bac}.about>.about__container .about__content__me__cv .bts,.about>.about__container .about__content__me__cv .disii,.about>.about__container .about__content__me__cv .stage,.about>.about__container .about__content__me__cv .bac{margin:0}.about>.about__container .about__content__me__cv .disii,.about>.about__container .about__content__me__cv .bac{margin-left:2rem}.about>.about__container .about__content__me__cv .stage,.about>.about__container .about__content__me__cv .disii{margin-bottom:1rem}.about>.about__container .about__content__me,.about>.about__container .about__content__text{font-size:.8rem}.about>.about__container .about__content__me h2,.about>.about__container .about__content__text h2{font-size:1rem}.projects>.projects__container h1,.contact>.contact__container h1{font-size:1.2rem;line-height:2rem;width:200px;height:35px}.projects>.projects__container{width:75%}.card-list>.card .card__title{font-size:1rem;padding-top:0}.card-list>.card .card__image{margin-bottom:0}.card-list>.card .card__description{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;padding-bottom:0;margin:0 auto;height:30%}.card-list>.card .card__footer{height:10%}.card-list>.card .card__footer__techs,.card-list>.card .card__footer__links{font-size:.7rem}.card-list-container>.card-pagination{height:35px}.card-list-container>.card-pagination .card-pagination--text{line-height:2rem}.card-list-container>.card-pagination .scroll-left,.card-list-container>.card-pagination .scroll-right{width:35px;height:35px;font-size:1.3rem}.card-list-container>.card-pagination .scroll-left svg,.card-list-container>.card-pagination .scroll-left span,.card-list-container>.card-pagination .scroll-left i,.card-list-container>.card-pagination .scroll-right svg,.card-list-container>.card-pagination .scroll-right span,.card-list-container>.card-pagination .scroll-right i{position:unset;top:unset}}@media(min-width: 992px)and (max-width: 1199px){header>nav{height:40px}header>nav ul>li{line-height:40px;font-size:.8rem}.home__content>.home__content__title h1{font-size:2.5rem}.home__content>.home__content__anim p,.home__content>.home__content__anim ul{font-size:1.75rem}.about>.about__container{width:75%}.about__container>.about__content__me,.about__container>.about__content__text{padding-bottom:0;padding-top:.5rem;font-size:.7rem}.about__container>.about__content__text p,.about__container>.about__content__text p>strong,.about__container>.about__content__text p>i,.about__container>.about__content__text p>strong>i{font-size:.7rem}.about>.about__container>a{height:3rem}.about>.about__container>a i{height:35px;width:35px}.projects__content>.projects__content__technologies{margin:1rem auto}.card-list-container>.card-list{gap:.2rem}.projects__content>.card-pagination .card-pagination--text{line-height:2rem}.projects__content>.card-pagination .scroll-left,.projects__content>.card-pagination .scroll-right{width:35px;height:35px;font-size:1.3rem}.projects__content>.card-pagination .scroll-left svg,.projects__content>.card-pagination .scroll-left span,.projects__content>.card-pagination .scroll-left i,.projects__content>.card-pagination .scroll-right svg,.projects__content>.card-pagination .scroll-right span,.projects__content>.card-pagination .scroll-right i{position:unset;top:unset}}@media(min-width: 992px)and (max-width: 1439px){.projects__content>.card-list-container{height:calc((230px + .5rem)*2 + 4rem)}.card-list-container>.card-list>.card{max-height:235px}.card-list-container>.card-list>.card__title{font-size:1rem;padding:0}.card-list-container>.card-list>.card__image{margin:0;background:#000;padding:0 10%}.card-list-container>.card-list>.card__description{font-size:.7rem;margin:0}.card-list-container>.card-list>.card__footer{height:10%}.card-list-container>.card-list>.card__footer__links,.card-list-container>.card-list>.card__footer__techs{font-size:.7rem;line-height:1.5rem}.contact>.contact__container{width:75%}.contact__container>.contact__form{margin:1rem auto}.contact__container>.contact__form .form__group__input label{font-size:.9rem;width:150px}.contact__container>.contact__form .form__group__input input{height:40px}.contact__container>.contact__form .form__group__input textarea{height:200px}}@media(min-width: 1200px)and (max-width: 1439px){.projects>.projects__container h1,.contact>.contact__container h1{font-size:1.5rem;line-height:2rem;width:250px;height:40px}.projects__content__technologies>.btn{font-size:.7rem}.about>.about__container h1{font-size:2rem}.about>.about__container .about__content__me,.about>.about__container .about__content__text{font-size:.7rem}.about>.about__container .about__content__me h2,.about>.about__container .about__content__text h2{font-size:1rem}.about>.about__container .about__content__text p,.about>.about__container .about__content__text p>strong,.about>.about__container .about__content__text p>strong>i{font-size:.8rem}.about>.about__container a{height:4rem}.about>.about__container a i{height:50px;width:50px}.card>.card__title{font-size:1rem;padding-top:2px}.card>.card__image{margin:0}.card>.card__description{font-size:.8rem;padding-top:0}.card>.card__footer{height:10%}.card-list-container>.card-pagination{height:40px}.card-list-container>.card-pagination .card-pagination--text{line-height:2.5rem}.card-list-container>.card-pagination .scroll-left,.card-list-container>.card-pagination .scroll-right{width:40px;height:40px;font-size:1.5rem}.card-list-container>.card-pagination .scroll-left svg,.card-list-container>.card-pagination .scroll-left span,.card-list-container>.card-pagination .scroll-left i,.card-list-container>.card-pagination .scroll-right svg,.card-list-container>.card-pagination .scroll-right span,.card-list-container>.card-pagination .scroll-right i{position:unset;top:unset}.contact>.contact__container>.contact__form{margin:1rem auto}.form__group>.form__group__input label{font-size:.9rem;width:150px}.form__group>.form__group__input input{height:40px}.form__group>.form__group__input textarea{height:200px}}html{scroll-behavior:smooth}.container,.contact__container,.projects__container,.about__container{width:100%;max-width:min(1200px,100% - 2rem + 2rem);margin:0 auto}.scroll-container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-snap-align:center;scroll-behavior:smooth}.home,.about,.projects,.contact{height:100vh;scroll-snap-align:start}header{position:absolute;top:0;left:0;width:100vw;z-index:3}nav{width:100%}nav .nav-title{position:absolute;font-size:2rem;line-height:3rem;margin:auto;width:275px;left:5%;color:#fff;transform:translateX(5%);display:inline-block;transition:all 1s ease-in-out}nav .nav-title span{color:#aeaeae;transition:all 1s ease-in-out}nav .nav-title:hover,nav .nav-title:active,nav .nav-title.active{color:#aeaeae;text-decoration:none}nav .nav-title:hover span,nav .nav-title:active span,nav .nav-title.active span{color:#fff}nav ul{list-style:none;display:inline-block;position:relative;padding:0;left:50%;transform:translateX(-50%);transition:all 2s;transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);background:rgba(0,0,0,.5);border-radius:50px;top:5px}nav ul li{display:inline-block;margin:0 1rem;line-height:50px;font-size:1.2rem;font-weight:bold}nav ul li a{cursor:pointer}nav ul li a>span.normal{display:inline-block}nav ul li a>span.mobile{display:none}nav ul li a>span.hidden{display:none}nav ul li .nav-link{border:1px solid #fff;color:#fff;transition:all 1s ease-in-out;border-radius:50px}nav ul li .nav-link:hover,nav ul li .nav-link:active,nav ul li .nav-link.active{color:#000;background:#fff;border:1px solid rgba(0,0,0,.5);text-decoration:none}nav ul.nav-collapsed{background:rgba(0,0,0,0);position:fixed;left:2rem}nav ul.nav-collapsed li#hide-show-nav>a{background:rgba(0,0,0,.5);color:#fff;border-color:#fff}nav ul.nav-collapsed li#hide-show-nav>a:hover{background:#fff;color:#000;border-color:#000}footer{color:#fff;position:absolute;bottom:2rem;left:50%;transform:translateX(-50%)}.btn{display:inline-block;font-weight:bold;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;border:1px solid #000;background:#fff;color:#000;padding:.5rem 1rem;line-height:1.5;border-radius:50px;transition:all 1s ease-in-out;cursor:pointer}.btn:focus,.btn:hover{border:1px solid #fff;background:#000;color:#fff}.btn:disabled,.btn.disabled{opacity:.65;pointer-events:none}.btn-primary{color:#8705F2;border-color:#8705F2}.btn-primary:hover,.btn-primary:focus,.btn-primary.selected{background-color:#8705F2;border-color:#fff;color:#fff}.btn-primary:active{background-color:rgb(128.25,4.75,229.9);border-color:rgb(128.25,4.75,229.9)}.btn-secondary{color:#F25C05;border-color:#F25C05}.btn-secondary:hover,.btn-secondary:focus,.btn-secondary.selected{background-color:#F25C05;border-color:#fff;color:#fff}.btn-secondary:active{background-color:rgb(229.9,87.4,4.75);border-color:rgb(229.9,87.4,4.75)}.btn-tertiary{color:#23A6D5;border-color:#23A6D5}.btn-tertiary:hover,.btn-tertiary:focus,.btn-tertiary.selected{background-color:#23A6D5;border-color:#fff;color:#fff}.btn-tertiary:active{background-color:rgb(33.25,157.7,202.35);border-color:rgb(33.25,157.7,202.35)}.btn-quaternary{color:#05F270;border-color:#05F270}.btn-quaternary:hover,.btn-quaternary:focus,.btn-quaternary.selected{background-color:#05F270;border-color:#fff;color:#fff}.btn-quaternary:active{background-color:rgb(4.75,229.9,106.4);border-color:rgb(4.75,229.9,106.4)}.btn-php{color:#01BF5B;border-color:#01BF5B}.btn-php:hover,.btn-php:focus,.btn-php.selected{background-color:#01BF5B;border-color:#fff;color:#fff}.btn-php:active{background-color:rgb(.95,181.45,86.45);border-color:rgb(.95,181.45,86.45)}.btn-html-css{color:#F25C05;border-color:#F25C05}.btn-html-css:hover,.btn-html-css:focus,.btn-html-css.selected{background-color:#F25C05;border-color:#fff;color:#fff}.btn-html-css:active{background-color:rgb(229.9,87.4,4.75);border-color:rgb(229.9,87.4,4.75)}.btn-sass{color:#CC6699;border-color:#CC6699}.btn-sass:hover,.btn-sass:focus,.btn-sass.selected{background-color:#CC6699;border-color:#fff;color:#fff}.btn-sass:active{background-color:hsl(330,50%,57%);border-color:hsl(330,50%,57%)}.btn-symfony{color:#455A64;border-color:#455A64}.btn-symfony:hover,.btn-symfony:focus,.btn-symfony.selected{background-color:#455A64;border-color:#fff;color:#fff}.btn-symfony:active{background-color:rgb(65.55,85.5,95);border-color:rgb(65.55,85.5,95)}.btn-wordpress{color:#21759B;border-color:#21759B}.btn-wordpress:hover,.btn-wordpress:focus,.btn-wordpress.selected{background-color:#21759B;border-color:#fff;color:#fff}.btn-wordpress:active{background-color:rgb(31.35,111.15,147.25);border-color:rgb(31.35,111.15,147.25)}.btn-javascript{color:#F0DB4F;border-color:#F0DB4F}.btn-javascript:hover,.btn-javascript:focus,.btn-javascript.selected{background-color:#F0DB4F;border-color:#fff;color:#fff}.btn-javascript:active{background-color:rgb(238.747382199,215.9937172775,64.302617801);border-color:rgb(238.747382199,215.9937172775,64.302617801)}.btn-twig{color:#2CD300;border-color:#2CD300}.btn-twig:hover,.btn-twig:focus,.btn-twig.selected{background-color:#2CD300;border-color:#fff;color:#fff}.btn-twig:active{background-color:rgb(41.8,200.45,0);border-color:rgb(41.8,200.45,0)}.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.btn-lg{padding:.75rem 1.5rem;font-size:1.25rem;border-radius:.3rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}.icon{width:75px;height:75px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:middle;margin:auto;transition:all .2s ease-in-out}.icon--php{background-image:url("../images/icons/php.svg")}.icon--css{background-image:url("../images/icons/css.svg")}.icon--html{background-image:url("../images/icons/html.svg")}.icon--linkedin{background-image:url("../images/icons/linkedin.svg")}.icon--sass{background-image:url("../images/icons/sass.svg")}.icon--symfony--1{background-image:url("../images/icons/symfony--1.svg")}.icon--symfony--2{background-image:url("../images/icons/symfony--2.svg")}.icon--javascript{background-image:url("../images/icons/javascript.svg")}.icon--twig{background-image:url("../images/icons/twig.svg")}.icon--wordpress{background-image:url("../images/icons/wordpress.svg")}.icon--github{background-image:url("../images/icons/github.svg")}.icon--github-icon{background-image:url("../images/icons/github-icon.svg")}.home{width:100vw;height:100vh;position:relative;overflow:hidden;background:linear-gradient(-45deg, #F25C05, #8705F2, #23A6D5, #05F270);background-size:400% 400%;animation:gradient-background 15s ease infinite}.home__content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.home__content__title{color:#fff;font-weight:700;text-align:center;box-shadow:0 0 100px #000}.home__content__title h1{font-size:3rem;margin-bottom:0;border:1px solid #fff;text-align:left}.home__content__title h1 span.background{width:50%;background:#fff;display:inline-block}.home__content__title h1 span.background span{background:linear-gradient(45deg, #F25C05, #8705F2, #23A6D5, #05F270);background-size:400% 400%;animation:gradient-background 15s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;color:rgba(0,0,0,0)}.home__content__title h2{position:relative;top:1px;text-align:right;background:#fff;font-style:italic;font-weight:lighter;font-size:1rem;border:1px solid #fff}.home__content__title h2 span{background:linear-gradient(45deg, #F25C05, #8705F2, #23A6D5, #05F270);background-size:400% 400%;animation:gradient-background 15s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;color:rgba(0,0,0,0)}.home__content__anim{color:#fff;font-size:2rem;position:relative;overflow:hidden;height:4rem}.home__content__anim:before,.home__content__anim:after{position:absolute;transform:translateY(-25%);color:#fff;font-size:4rem;animation:blink 3s infinite}.home__content__anim:before{content:"[";left:0}.home__content__anim:after{content:"]";right:0}.home__content__anim p{line-height:4rem;float:left}.home__content__anim__list{display:inline-block;list-style:none;animation:change 16s infinite;max-height:4rem;font-size:2.2rem;line-height:4rem;text-align:left}.home__content__anim__list_item{line-height:2rem}.about{width:100vw;height:100vh;position:relative;overflow:hidden;background:linear-gradient(to top, #23A6D5 0%, #23d5ab 100%)}.about__container{border-radius:20px;color:#000;position:relative;top:50%;transform:translateY(-50%);z-index:1;padding:2px;background:linear-gradient(-45deg, #F25C05, #8705F2, #23A6D5, #05F270);background-size:400% 400%;animation:gradient-background 15s ease infinite;box-shadow:0 0 100px #000}.about__container h1{text-align:center;font-size:3rem;background:#fff;border-radius:20px 20px 0 0;color:#23a6d5}.about__content{display:flex;gap:.5rem}.about__content__text,.about__content__me{background:#fff;text-align:center;font-size:1rem;flex:1;padding:1rem}.about__content__text h2,.about__content__me h2{display:block;font-weight:bold;font-size:1.5rem}.about__content__text .align-left,.about__content__me .align-left{text-align:left}.about__content__text .align-left h2,.about__content__me .align-left h2{text-align:center}.about__content__text .align-left i,.about__content__me .align-left i{font-size:.9rem}.about__content__me__list,.about__content__me__cv__list{list-style:none}.about__content__me__list__item,.about__content__me__cv__list__item{text-align:left}.about__github{display:block;text-align:center;background:#fff;border-radius:0 0 20px 20px;color:#f25c05}.about__github:hover{color:#fff;background:#f25c05;text-decoration:none}.about__github:hover i{background-image:url("../images/icons/github-icon-hover.svg")}.ocean{width:100%;height:100%;overflow:hidden;position:absolute;bottom:0}.waves{width:100%;height:100%;animation:zoomWave 20s ease-in-out infinite alternate;perspective:800px;transform-style:preserve-3d}.waves svg{position:absolute;bottom:0;width:100%;height:100%;display:block}#wave1{animation:wave1Anim 10s ease-in-out infinite alternate}#wave2{animation:wave2Anim 14s ease-in-out infinite alternate}#wave3{animation:wave3Anim 8s ease-in-out infinite alternate}#wave4{animation:wave4Anim 12s ease-in-out infinite alternate}.projects{width:100vw;height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at top center, #F25C05 0%, #5e04b2 30%, #000 80%) no-repeat center top;animation:pulse 6s ease-in-out infinite}.projects__container{position:relative;top:50%;transform:translateY(-50%)}.projects__content{display:flex;flex-wrap:wrap;gap:.5rem}.projects__content__technologies{display:flex;flex-wrap:wrap;justify-content:center;margin:2rem auto}.card-list-container{overflow:hidden;width:100%;height:calc((400px + .5rem)*2 + 4rem)}.card-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:.5rem;position:relative;height:auto;transition:transform .5s ease}.card{width:100%;height:400px;box-shadow:inset 0 0 1px #000;background:#fff;position:relative;overflow:hidden;border:1px solid #fff;opacity:0;transition:opacity .5s ease,transform .5s ease,visibility .5s ease;transform:translateX(0);visibility:hidden}.card.visible{opacity:1;visibility:visible;transform:translateX(0)}.card.slide-right{transform:translateX(100%)}.card.slide-right.visible{transform:translateX(0)}.card.slide-left{transform:translateX(-100%)}.card.slide-left.visible{transform:translateX(0)}.card:nth-child(1){transition-delay:0s}.card:nth-child(2){transition-delay:0.1s}.card:nth-child(3){transition-delay:0.2s}.card:nth-child(4){transition-delay:0.3s}.card:nth-child(5){transition-delay:0.4s}.card:nth-child(6){transition-delay:0.5s}.card:nth-child(7){transition-delay:0.6s}.card:nth-child(8){transition-delay:0.7s}.card__title,.card__description,.card__image{margin-bottom:.25rem}.card__title{text-align:center;height:10%;line-height:1.5rem;font-size:1.2rem}.card__image{width:100%;height:45%;border-top:1px solid #fff;border-bottom:1px solid #fff;box-shadow:0 1px 2px #000}.card__image img{height:100%;width:100%}.card__description{height:30%;text-align:left}.card__footer{display:inline-flex;width:100%}.card__footer__techs,.card__footer__links{position:absolute;width:50%;z-index:2;font-size:.9rem;line-height:2rem}.card__footer__techs{left:.5rem;font-style:italic}.card__footer__links{right:.5rem;text-align:right}.card__footer__links a{padding:0 .25rem;color:#fff;text-decoration:underline dashed;transition:all 1s ease}.card__footer__links a:hover,.card__footer__links a:focus{background:#fff;color:#000;text-decoration:underline dashed #000}.tech-php{border-color:#01BF5B}.tech-php .card__title{color:#01BF5B}.tech-php .card__image{border-top-color:#01BF5B;border-bottom-color:#01BF5B}.tech-php .card__footer{border-top:1px solid #01BF5B}.tech-php .card__footer__techs,.tech-php .card__footer__links{color:#01BF5B}.tech-php .card__footer__links a{color:#01BF5B}.tech-php .card__footer__links a:hover,.tech-php .card__footer__links a:focus{background:#01BF5B;color:#fff;text-decoration:underline dashed #fff}.tech-html-css{border-color:#F25C05}.tech-html-css .card__title{color:#F25C05}.tech-html-css .card__image{border-top-color:#F25C05;border-bottom-color:#F25C05}.tech-html-css .card__footer{border-top:1px solid #F25C05}.tech-html-css .card__footer__techs,.tech-html-css .card__footer__links{color:#F25C05}.tech-html-css .card__footer__links a{color:#F25C05}.tech-html-css .card__footer__links a:hover,.tech-html-css .card__footer__links a:focus{background:#F25C05;color:#fff;text-decoration:underline dashed #fff}.tech-sass{border-color:#CC6699}.tech-sass .card__title{color:#CC6699}.tech-sass .card__image{border-top-color:#CC6699;border-bottom-color:#CC6699}.tech-sass .card__footer{border-top:1px solid #CC6699}.tech-sass .card__footer__techs,.tech-sass .card__footer__links{color:#CC6699}.tech-sass .card__footer__links a{color:#CC6699}.tech-sass .card__footer__links a:hover,.tech-sass .card__footer__links a:focus{background:#CC6699;color:#fff;text-decoration:underline dashed #fff}.tech-symfony{border-color:#455A64}.tech-symfony .card__title{color:#455A64}.tech-symfony .card__image{border-top-color:#455A64;border-bottom-color:#455A64}.tech-symfony .card__footer{border-top:1px solid #455A64}.tech-symfony .card__footer__techs,.tech-symfony .card__footer__links{color:#455A64}.tech-symfony .card__footer__links a{color:#455A64}.tech-symfony .card__footer__links a:hover,.tech-symfony .card__footer__links a:focus{background:#455A64;color:#fff;text-decoration:underline dashed #fff}.tech-wordpress{border-color:#21759B}.tech-wordpress .card__title{color:#21759B}.tech-wordpress .card__image{border-top-color:#21759B;border-bottom-color:#21759B}.tech-wordpress .card__footer{border-top:1px solid #21759B}.tech-wordpress .card__footer__techs,.tech-wordpress .card__footer__links{color:#21759B}.tech-wordpress .card__footer__links a{color:#21759B}.tech-wordpress .card__footer__links a:hover,.tech-wordpress .card__footer__links a:focus{background:#21759B;color:#fff;text-decoration:underline dashed #fff}.tech-javascript{border-color:#F0DB4F}.tech-javascript .card__title{color:#F0DB4F}.tech-javascript .card__image{border-top-color:#F0DB4F;border-bottom-color:#F0DB4F}.tech-javascript .card__footer{border-top:1px solid #F0DB4F}.tech-javascript .card__footer__techs,.tech-javascript .card__footer__links{color:#F0DB4F}.tech-javascript .card__footer__links a{color:#F0DB4F}.tech-javascript .card__footer__links a:hover,.tech-javascript .card__footer__links a:focus{background:#F0DB4F;color:#fff;text-decoration:underline dashed #fff}.tech-twig{border-color:#2CD300}.tech-twig .card__title{color:#2CD300}.tech-twig .card__image{border-top-color:#2CD300;border-bottom-color:#2CD300}.tech-twig .card__footer{border-top:1px solid #2CD300}.tech-twig .card__footer__techs,.tech-twig .card__footer__links{color:#2CD300}.tech-twig .card__footer__links a{color:#2CD300}.tech-twig .card__footer__links a:hover,.tech-twig .card__footer__links a:focus{background:#2CD300;color:#fff;text-decoration:underline dashed #fff}.card-pagination{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:50px;background:rgba(0,0,0,.5);display:grid;width:200px;border:1px solid #fff;border-radius:50px;grid-template-columns:repeat(3, 1fr)}.card-pagination .card-pagination--text{text-align:center;font-size:1.75rem;color:#fff;justify-self:center;width:100%;line-height:3rem}.card-pagination>.scroll-left,.card-pagination>.scroll-right{width:50px;height:50px;background:#fff;text-align:center;border-radius:40px;font-size:2rem;color:#8705f2;transition:all 1s ease;border:#fff 1px solid;transform:unset;cursor:pointer;position:relative;top:-1px}.card-pagination>.scroll-left i,.card-pagination>.scroll-left span,.card-pagination>.scroll-left svg,.card-pagination>.scroll-right i,.card-pagination>.scroll-right span,.card-pagination>.scroll-right svg{position:relative;top:-2px}.card-pagination>.scroll-left:hover,.card-pagination>.scroll-right:hover{background:#8705f2;color:#fff}.card-pagination>.scroll-left:disabled,.card-pagination>.scroll-right:disabled{cursor:unset;border:unset;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.scroll-left{left:-1px;justify-self:left}.scroll-right{right:-1px;justify-self:right}.contact{width:100vw;height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at bottom center, #8705F2 0%, #5e04b2 30%, #000 80%) no-repeat center top}.contact__container{position:relative;top:50%;transform:translateY(-50%)}.contact__form{background:#fff;border-radius:20px;border:1px solid #8705f2;box-shadow:0 0 30px #000}.form__group{padding:10px;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr;grid-template-rows:.5fr 1.5fr .5fr;gap:0;grid-template-areas:"email subject" "message message" "send send"}.form__group .email{grid-area:email}.form__group .subject{grid-area:subject}.form__group .message{grid-area:message}.form__group .send{grid-area:send}.form__group__input{padding:10px}.form__group__input label{position:relative;top:1px;font-weight:bold;font-size:1.1rem;width:175px;line-height:2rem;border:1px solid #000;background:#8705f2;color:#fff;padding-left:10px;display:inline-block}.form__group__input input{height:50px;width:100%}.form__group__input textarea{height:300px;width:100%}.form__group__input .form__input,.form__group__input textarea{border:1px solid #8705f2;box-shadow:inset 0 0 5px 1px #000}