html{scroll-behavior:smooth}*{box-sizing:border-box;padding:0}*,body{margin:0}body{font-family:Lato}h1,h2{font-family:Montserrat}.title-uppercase{text-transform:uppercase}.background{height:90rem;overflow:hidden;width:100%;z-index:-1}.background div{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(header_img.ec8ae1a6.jpg);background-blend-mode:darken;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100%;min-width:100%;overflow:hidden}.background,.ml5 .line{left:0;position:absolute;top:0}.diaporama{display:block;height:100%;width:100%}.portfolio{background-color:#f8f8f8}#mainNav{display:flex;font-family:Montserrat;justify-content:center;left:0;padding-top:1.5rem;position:fixed;right:0;text-transform:uppercase;z-index:1030}#navBarResponsive{align-items:center}.navBarListing{display:flex;flex-direction:row;list-style:none}#mainNav li{margin-left:.25rem;margin-right:.25rem}#mainNav a{color:#fff;cursor:pointer;font-size:22px;font-weight:700;letter-spacing:.0625rem;padding:1rem;text-decoration:none}#mainNav a:hover{color:#e86240;transition:color .4s}section{padding:6rem 0}section h2{font-family:Montserrat;font-size:2.75rem;font-weight:700;line-height:2rem;text-align:center}.heroHeader{align-items:center;display:flex;height:100vh;padding-bottom:6rem;padding-top:6rem;text-align:center}.container{color:#fff;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.ml5{color:#fff;font-size:4.5em;position:relative}.ml5 .text-wrapper{display:inline-block;font-family:Montserrat;line-height:1em;padding-bottom:.15em;padding-right:.05em;padding-top:.1em;position:relative}.ml5 .line{background-color:#fff;bottom:0;height:3px;margin:auto;transform-origin:.5 0;width:100%}.ml5 .letters{color:#fff;display:inline-block;font-weight:700;text-transform:uppercase}.devFront{font-family:Lato;font-size:4rem;font-weight:300;opacity:0}.mb-0{margin-bottom:0}.whoIam{font-family:Montserrat;font-size:3rem;font-weight:700;margin-bottom:2.75rem;opacity:0}.whoIamAppear{opacity:1}.whoIamSplit{opacity:0;transition:all 1s ease}span.fade{opacity:1}.containerAbout{font-family:Montserrat;font-size:1.25rem;margin-left:3rem;margin-right:3rem;text-align:justify;text-align-last:center}.vertical-break{margin:0 2em}.text-center-one,.text-center-two{margin-left:2rem;margin-right:2rem;opacity:0;text-align:center;transform:translateY(100%)}.description-appear{opacity:1;transform:translateY(0);transition:3s}.fa-ambulance,.fa-edit,.fa-images,.fa-pencil-alt{color:grey;font-size:2rem;height:50%}#contact{background-color:#fff}.container .contact{width:50%}.titleForm{color:#000}.buttonForm{background:linear-gradient(90deg,#6b6865,#bfb7ae);border-radius:20px;display:flex;font-family:Montserrat;height:50px;justify-content:center;letter-spacing:2px;margin:20px;overflow:hidden;padding:14px;position:relative;text-decoration:none;width:155px}#contactForm{align-items:center;display:flex;flex-direction:column;margin-top:5%}.field-mail,.field-name{margin-bottom:4%}.field-message{margin-left:50%;margin-right:50%;width:24em}.field-message textarea{width:100%}textarea{background-color:#ebebe6;border:none;border-radius:5px;font-family:Lato,sans-serif;height:10em;outline:none;padding:15px;resize:none}textarea:focus{border:2px solid green}::-ms-input-placeholder{color:#000;font-family:Lato;font-size:16px}::-webkit-input-placeholder{color:#000;font-family:Lato;font-size:16px}::-moz-placeholder{color:#000;font-family:Lato;font-size:16px}::placeholder{color:#000;font-family:Lato;font-size:16px}.buttonForm{cursor:pointer}.buttonForm:hover{background:#000;border-color:#000}.field-mail,.field-name{margin-left:50%;margin-right:50%;position:relative;width:24em}textarea:valid{border:2px solid green}.field-mail:focus-within .label-mail,.field-name:focus-within .label-name{margin-left:-6px;top:5px}.input-mail:valid+.label-mail,.input-name:valid+.label-name{margin-left:-6px;top:5px}.field-mail:focus-within .input-mail,.field-name:focus-within .input-name{border:2px solid green}.input-mail:valid,.input-name:valid{border:2px solid green}.erreur{border:2px solid red!important}.visible{display:block!important}.input-mail,.input-name{background-color:#ebebe6;border:none;border-radius:5px;color:#595f6e;height:100%;outline:none;padding:15px;width:100%}.label-mail,.label-name{bottom:0;color:#000;left:0;padding-left:15px;pointer-events:none;position:absolute;transform:translateY(-60%);transition:all 0s ease-out}#contactForm span{color:red;display:none;left:5px;position:absolute;top:50px}.content-mail,.content-name{font-size:14px}.swal-button{background-color:#a9a9a9}.swal-modal{font-family:Montserrat;width:415px}#myservices .container h2,#skills .container h2{color:#2c3e50}#skills i{color:#051540}#skills i:hover{color:#780202}#myservices .row{flex-wrap:wrap}#myservices i{color:#2c3e50}.mb-line{border-top:.25rem solid grey;margin:2.5rem auto 0;max-width:15rem}.row{display:flex;justify-content:space-around;padding-top:35px}.column{max-width:50%}.fa-angular,.fa-css3-alt,.fa-html5,.fa-js-square,.fa-node{color:#000;font-size:7em;opacity:0}.icon-appear{animation:change-icon 1s;color:#323333;opacity:1}@keyframes change-icon{0%{transform:rotateY(3.142rad)}50%{transform:scale(1.5)}to{transform:scale(1)}}.column p{color:#212529;font-size:1.25rem;font-weight:300;opacity:0;text-align:center;transition:opacity .5s ease 0s}.column:hover p{opacity:1}.copyright{background-color:#1a252f;padding-bottom:1.5rem;padding-top:1.5rem;text-align:center}small{color:#fff;font-size:80%;font-weight:400}.service-card{border-radius:3px;box-shadow:0 0 25px 0 rgba(0,0,0,.25);cursor:pointer;margin-left:auto;margin-right:auto;max-width:30rem;transition:all .2s ease-in-out}.blur-box{box-shadow:none;filter:blur(3px);opacity:.5;transform:scale(.98)}.service-item{background-color:#fff;height:calc(100% - 15px)}.service-card{border:1px solid #e6e6e6;display:flex;height:100%;padding:1.7rem 1.87rem 1.87rem}.service-content{display:flex;flex-direction:column;justify-content:space-between;padding-right:75px}.service-title{color:#212529;font-family:Montserrat;font-size:1.375rem;font-weight:400;line-height:1.2}.service-text{color:#777}footer{background-color:#2c3e50;color:#fff;display:block;padding-bottom:2rem;padding-top:2rem;text-align:center}.col-footer{margin-bottom:0;max-width:33.33%}.list-inline{list-style:none;margin-top:0;padding-left:0}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.btn-footer{background-color:transparent;border:1px solid #f8f9fa;border-radius:50%;color:#f8f9fa;cursor:pointer;display:inline-block;font-size:1.25rem;font-weight:400;height:3.25rem;line-height:2rem;padding:.375rem .75rem;text-align:center;width:3.25rem}@media screen and (min-width:1200px){.container{max-width:1140px}.container h1{font-size:4rem}.whoIam{font-size:3rem}.devFront{font-size:1.25rem}}@media screen and (min-width:992px) and (max-width:1199px){.container{max-width:960px}.container h1{font-size:3.9rem}.devFront{font-size:1.7rem}}@media screen and (min-width:768px) and (max-width:991px){.container{max-width:720px}.container h1{font-size:3.5rem}.devFront{font-size:1.5rem}.row{display:grid;padding-left:50%;padding-right:50%}.column{margin-bottom:30px;margin-left:100px;margin-right:100px}.container-js{text-align:center}.col-html{grid-column:1}.col-css,.col-html{grid-row:1;text-align:center}.col-css{grid-column:2}.col-js{grid-column:1}.col-angular,.col-js{grid-row:2;text-align:center}.col-angular{grid-column:2}.col-node{grid-row:3;text-align:center}}@media screen and (min-width:576px) and (max-width:767px){.container{max-width:540px}.container h1{font-size:3rem}.devFront{font-size:1.3rem}.row{flex-direction:column;padding-left:42%;padding-right:50%}.column{margin-bottom:30px}.string-html{margin-left:10px}.string-css{margin-left:20px}.string-js{margin-left:5px}.col-js{margin-left:-5px}.string-angular{margin-left:15px}.col-angular{margin-left:-5px}.string-node{margin-left:30px}.col-node{margin-left:-20px}}@media screen and (max-width:400px){#mainNav{display:block;padding-top:.5rem}#mainNav li{margin-left:.05rem;margin-right:.05rem}#mainNav li a{font-size:8px;padding-left:.5rem;padding-right:.5rem}#navBarResponsive{padding-left:12%;padding-right:12%}section{padding:4rem 0}.navBarListing{justify-content:space-around}.heroHeader{height:50vh;width:100%}.background{height:43rem;width:100%}.container{margin-left:0;margin-right:0;padding-left:5px;padding-right:5px}.container h1{font-size:1.5em}.container h2{font-size:1em}.whoIam{font-size:1rem;margin-bottom:.75rem}.containerAbout{font-size:.8rem;margin-left:5px;margin-right:5px}.fa-angular,.fa-css3-alt,.fa-html5,.fa-js-square,.fa-node{font-size:4em}.column p{font-size:.75rem}.col-service{max-width:20rem}.service-title{font-size:1rem}.service-text{font-size:.9rem}.field-mail,.field-name{margin-bottom:12%}}
/*# sourceMappingURL=index.8bf21004.css.map */