:root{--main-cyan:#00bcd4;--cyan-lighten:#dbfcff;--blue:#01579b;--bg-grey:#d5cfcf40;--light-grey:#d5cfcf80;--dark:#000000b3;--font-grey:#000000b8}body{font-family:'Playfair Display',serif;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;overflow-x:hidden}h1,h2,h3,h4,h5,.nav-link,.breadcrumb-item{font-family:'Comfortaa',cursive,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}h1,h2,h3,.nav-link{color:var(--dark)}h2{font-size:2.3rem;margin-bottom:60px}p{letter-spacing:1px;font-weight:500}ul{list-style-type:none;padding-left:0}a{text-decoration:none}a:hover,a :visited,a:focus,.navbar-light .navbar-nav .nav-link:hover{color:var(--main-cyan)!important}.underline{border-bottom:2px solid var(--dark)}.upperline{border-top:1px solid #d5cfcf91;padding-top:20px}.my-align,.my-p-align{text-align:right}section{margin-bottom:70px}.bi{font-size:8rem;color:var(--main-cyan)}.card{background-color:transparent!important;border:none!important}.card-title{margin-bottom:2rem!important}.liste-projets .card{box-shadow:#ddd 3px 3px 20px}.bg-light{background-color:#fff!important;z-index:100}.navbar-light .navbar-nav .nav-link{color:var(--dark)!important}.thick-border{position:relative;top:60px;border-width:15px;border-style:solid;border-color:#dbfcff;transition:border-color 2s linear;-webkit-transition:border-color 0.3s linear}.page h1,#homepage h3{font-family:'Playfair Display',serif;font-size:3rem;color:#fff;font-weight:700;font-style:italic;line-height:1.5;letter-spacing:3px;position:absolute;padding:15px}.presentation::before{content:'';width:25%;height:400px;background-color:var(--main-cyan);position:absolute;left:-20%;top:0;padding:0;margin:0}.page .title{opacity:1}.bg{border-color:green}.bg-img{background-size:cover;background-position:center center;height:450px;padding-top:50px;position:relative;z-index:10}.title{width:450px}#homepage h3{top:0%;right:-75%;opacity:0;-webkit-animation-delay:0.3s;-webkit-animation:titleh3anim 2s ease-out forwards;-o-animation-delay:0.3s;-o-animation:titleh3anim 2s ease-out forwards;-moz-animation-delay:0.3s;-moz-animation:titleh3anim 2s ease-out forwards;animation-delay:0.3s;animation:titleh3anim 2s ease-out forwards}@-webkit-keyframes titleh3anim{0%{right:-75%;opacity:0}55%{right:-19;opacity:0}100%{right:2%;opacity:1}}@-o-keyframes titleh3anim{0%{right:-75%;opacity:0}55%{right:-19;opacity:0}100%{right:2%;opacity:1}}@-moz-keyframes titleh3anim{0%{right:-75%;opacity:0}55%{right:-19;opacity:0}100%{right:2%;opacity:1}}@keyframes titleh3anim{0%{right:-75%;opacity:0}55%{right:-19;opacity:0}100%{right:2%;opacity:1}}#homepage h1{bottom:0%;right:-65%;opacity:0;-webkit-animation:titleh1anim 1s ease-out forwards;-webkit-animation-delay:1.1s;-moz-animation:titleh1anim 1s ease-out forwards;-moz-animation-delay:1.1s;-o-animation:titleh1anim 1s ease-out forwards;-o-animation-delay:1.1s;animation:titleh1anim 1s ease-out forwards;animation-delay:1.1s}@-webkit-keyframes titleh1anim{0%{right:-65%;opacity:0}55%{right:-9;opacity:0}100%{right:2%;opacity:1}}@-moz-keyframes titleh1anim{0%{right:-65%;opacity:0}55%{right:-9;opacity:0}100%{right:2%;opacity:1}}@-o-keyframes titleh1anim{0%{right:-65%;opacity:0}55%{right:-9;opacity:0}100%{right:2%;opacity:1}}@keyframes titleh1anim{0%{right:-65%;opacity:0}55%{right:-9;opacity:0}100%{right:2%;opacity:1}}.presentation{display:block;width:80%;position:absolute;right:-65%;color:#fff;opacity:1;height:400px;width:100%;background:linear-gradient(120deg,rgba(1,87,155,.9) 40%,rgba(0,188,212,.8) 95%,rgba(219,252,255,1) 100%);position:relative;left:10%;z-index:20}#hp-bg-img{height:450px;overflow:hidden;position:relative;z-index:10}#hp-bg-img img{object-fit:cover;-webkit-animatio:zoommee 5s ease-out forwards;-moz-animation:zoommee 5s ease-out forwards;-o-animation:zoommee 5s ease-out forwards;animation:zoommee 5s ease-out forwards}@-webkit-keyframes zoommee{0%{transform:scale(1)}100%{transform:scale(1.15)}}@-moz-keyframes zoommee{0%{transform:scale(1)}100%{transform:scale(1.15)}}@-o-keyframes zoommee{0%{transform:scale(1)}100%{transform:scale(1.15)}}@keyframes zoommee{0%{transform:scale(1)}100%{transform:scale(1.15)}}.anim-logo{margin-top:75px}.bg-grey{position:relative;background-color:var(--bg-grey);z-index:1}.parralax{background-image:url(./../img/ryan-loughlin--a8Cewc-qGQ-unsplash.jpg);height:400px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}.logo-big{width:20%;opacity:0}.list-group-flush{margin-bottom:40px}.projet-nav{position:fixed;top:0;left:0;background-color:#fff;width:100%;Z-index:100}.breadcrumb{background-color:#fff;width:100%;Z-index:100}.breadcrumb>.breadcrumb-item.active{color:var(--dark)!important}.form-control{border-radius:0px!important}#contact-btn{display:block;width:100%;border:1px solid var(--main-cyan);color:var(--main-cyan);background-color:#fff;font-size:1.2rem;text-align:center;position:relative}#contact-btn:hover{background-color:var(--main-cyan);color:#fff}#contact-form .alert{border-radius:0em!important}#contact-form .bi{font-size:1.1rem;position:relative;top:-5px;left:-5px}#contact-form .bi.bi-dash-circle-fill{color:red}#contact-form .alert-primary{color:var(--main-cyan);background-color:#ebf3ff;border-color:var(--main-cyan)}footer{margin-top:60px;background-color:var(--dark)!important;color:#fff;padding-bottom:5px}footer h3{font-size:0.8rem!important;color:var(--cyan-lighten)!important;margin-top:50px!important;color:#fff!important}#footer-projets p{margin-bottom:.8rem}footer p,footer a{color:#fff;font-size:1rem;font-weight:500}footer a{text-decoration:none}.copyright{font-size:.5rem;margin-bottom:0;padding-bottom:10px}footer li{margin-bottom:1rem}footer a{text-decoration:none;letter-spacing:1px}.copyright{font-size:.5rem;margin-bottom:0;padding-bottom:10px}