.-mont{font-family:'Montserrat',sans-serif}.-dos{font-family:'Dosis',sans-serif}.-orange{color:#C87A43}.-gris{color:#5C5E60}.-bleu{color:#89B1D8}.-beige{color:#CABDAF}.-white{color:#fff}@keyframes neon{from{text-shadow:0 0 6px rgba(202,228,225,0.92),0 0 30px rgba(202,228,225,0.34),0 0 12px rgba(30,132,242,0.52),0 0 21px rgba(30,132,242,0.92),0 0 34px rgba(30,132,242,0.78),0 0 54px rgba(30,132,242,0.92)}to{text-shadow:0 0 6px rgba(202,228,225,0.98),0 0 30px rgba(202,228,225,0.42),0 0 12px rgba(30,132,242,0.58),0 0 22px rgba(30,132,242,0.84),0 0 38px rgba(30,132,242,0.88),0 0 60px rgba(30,132,242,1)}}input[type=checkbox]{height:0;width:0;visibility:hidden}label{cursor:pointer;text-indent:-9999px;width:50px;height:25px;background:#5C5E60;display:block;border-radius:100px;position:relative;right:4%;margin-left:auto}label:after{content:'';position:absolute;top:3px;left:5px;width:18px;height:18px;background:#fff;border-radius:90px;transition:.3s}input:checked + label{background:rgba(92,94,96,0.50)}input:checked + label:after{left:calc(100% - 5px);transform:translateX(-100%)}.h-100{min-height:100vh!important}section:hover::before{opacity:1}section::before{content:attr(data-title);position:fixed;top:20px;text-align:center;overflow:hidden;white-space:nowrap;font-size:calc(100px + (180 - 100) * ((100vh - 300px) / (1600 - 300)));z-index:-1;left:50px;font-weight:800;opacity:0;transform-origin:center;color:rgba(92,94,96,0.15);transform:rotateZ(180deg);writing-mode:vertical-lr;height:100vh;transition:.5s ease-out}@media (max-width:1000px){section::before{display:none}}header{position:relative;z-index:1000;height:0}.menu-items{height:60px;width:60px;position:absolute;margin:auto;top:0;left:0}.menu-items>div{background-color:#5C5E60;height:100%;width:100%;border-radius:50%;position:relative;font-size:30px;transition:.3s linear;opacity:0}.menu-items>div.visible{opacity:1}.fa{position:relative;top:8px}a{color:#fff}.item2{bottom:60px}.item3{bottom:120px}.item4{bottom:180px}.item5{bottom:240px}.menu-items>div:hover{background-color:#89B1D8}.menu-items>div:hover a{color:#fff}#nav-icon{display:block;position:fixed;top:calc(50vh - 30px);left:calc(5% - 40px);padding-top:60px;text-align:center;width:60px;height:60px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}#nav-icon span{display:block;position:absolute;height:9px;width:100%;background:#5C5E60;border-radius:9px;opacity:1;left:0;z-index:999;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#nav-icon span:nth-child(1){top:0}#nav-icon span:nth-child(2),#nav-icon span:nth-child(3){top:18px}#nav-icon span:nth-child(4){top:36px}#nav-icon.open span:nth-child(1){top:18px;width:0;left:50%}#nav-icon.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#nav-icon.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#nav-icon.open span:nth-child(4){top:18px;width:0;left:50%}@media (max-width: 700px){#nav-icon{left:calc(15% - 25px)!important;top:30px!important}}@media (max-width: 1200px){#nav-icon{top:40px;left:calc(5% - 25px);padding:0}.menu-items{top:-9px}}#home{height:100vh}#lines{fill:#89b1d8;stroke:#89b1d8;stroke-width:0;animation:logo 2.5s linear}@keyframes logo{0%{stroke-width:5px;stroke-dashoffset:1200;fill-opacity:0}50%{fill-opacity:0;stroke-dashoffset:3000}100%{stroke-dashoffset:0;fill-opacity:1;stroke-width:0}}.titre{position:relative;font-weight:800;font-size:4vw;display:none;line-height:6vw}.titre .text-wrapper{position:relative;overflow:hidden;display:inline-block}.titre .letter{transform-origin:50% 100%;display:inline-block}@media (max-width:578px){.titre{font-size:9vw;line-height:13vw}}#about{min-height:100vh}#about p{font-weight:600;font-size:1.5vw}.sousTitre{position:relative;font-weight:800;font-size:4vw;display:none}.sousTitre .text-wrapper{position:relative;overflow:hidden;display:inline-block}.sousTitre .letter{transform-origin:50% 100%;display:inline-block}@media (max-width:578px){.sousTitre{font-size:15vw}#about p{font-size:4.5vw}}#about img:first-child{position:absolute;width:17vw;left:16vw;z-index:1}#about img:nth-child(2){position:absolute;width:17vw;top:22vw;left:6vw;z-index:2}#about img:nth-child(3){position:absolute;width:25vw;top:18vw;left:20vw;z-index:3}#skills{min-height:100vh}#skills p{font-weight:600;font-size:1.5vw}@media (max-width:578px){#skills p{font-size:4.5vw}}#skills svg{transition:opacity 1s}#skills svg:first-child{position:absolute;top:5vw;width:9vw;left:19vw;z-index:1}#skills svg:nth-child(2){position:absolute;top:19vw;left:8vw;width:11vw;z-index:2}#skills svg:nth-child(3){position:absolute;top:23vw;left:25vw;width:12vw;z-index:3}#work{min-height:100vh}.projet{transform-style:preserve-3d;perspective:600px;transition:.5s}.projet .front{width:100%;height:100%;backface-visibility:hidden;transform:rotateY(0deg);transition:.5s;-moz-box-shadow:0 0 25px -2px #656565;-webkit-box-shadow:0 0 25px -2px #656565;-o-box-shadow:0 0 25px -2px #656565;box-shadow:0 0 25px -2px #656565}.projet:hover .front{transform:rotateY(-180deg)}.projet .back{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;backface-visibility:hidden;transform:rotateY(180deg);transition:.5s;-moz-box-shadow:0 0 25px -2px #656565;-webkit-box-shadow:0 0 25px -2px #656565;-o-box-shadow:0 0 25px -2px #656565;box-shadow:0 0 25px -2px #656565}.projet:hover .back{transform:rotateY(0deg)}.projet .back .details{position:absolute;top:0;left:0;width:100%;text-align:center;box-sizing:border-box}.projet .back .details h2{margin:0;padding:0;font-size:3vw}.projet .card-header{border-radius:0;border:none;background-color:#89B1D8}.projet .card-body{padding:20px}.hvr-sweep-to-top{display:inline-block;vertical-align:middle;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#89B1D8;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-top:hover,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:active{color:#fff}.hvr-sweep-to-top:hover:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}#contact h2{font-weight:800}form .form-group input{border-radius:0;background-color:transparent}form input{border-radius:0}form .form-group textarea{border-radius:0;background-color:transparent}form .btn-outline-secondary{border-radius:0}form .btn-outline-secondary:hover{background-color:#89B1D8;color:#fff;border-color:#89B1D8}form .form-group input:hover{border-color:#89B1D8}form .form-group input:hover::placeholder{color:#89B1D8}form .form-group textarea:hover{border-color:#89B1D8}form .form-group textarea:hover::placeholder{color:#89B1D8}.social-links{list-style:outside none none;margin:0 0 30px;padding:0}.social-links li{border-radius:3px;box-shadow:0 4px 0 transparent;display:inline-block;margin:0 5px;transition:all .3s ease-out 0}.social-links li a{background:rgba(0,0,0,0.2) none repeat scroll 0 0;border-radius:50%;color:rgba(255,255,255,0.3);display:block;font-size:1.8em;height:50px;line-height:50px;text-align:center;transition:all .3s ease-out 0;width:50px}.social-links li a:hover{background:#89B1D8 none repeat scroll 0 0;color:#fff}.scrollimation {opacity: 0;}.slide {transition: transform 0.6s ease-out 0s,opacity 0.6s ease-out 0s;}.scrollimation.slide-right {transform: translateX(-50px);}.scrollimation.slide-left {transform: translateX(50px);}.scrollimation.slide-up {transform: translateY(-50px);}.scrollimation.slide-down {transform: translateY(50px);}.scrollimation.slide.in {opacity: 1;transform: translate(0,0);}.scrollimation.scale {transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.67, 1.57) 0s,opacity 0.6s ease-out 0s;}.scrollimation.scale-in {transform: scale(0.9);}.scrollimation.scale-out {transform: scale(1.5);}.scrollimation.scale.in {opacity: 1;transform: scale(1);}.scrollimation.d1 {transition-delay: 0.3s;}.scrollimation.d2 {transition-delay: 0.6s;}.scrollimation.d3 {transition-delay: 0.9s;}