@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Open+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat&family=Open+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Bree+Serif&family=EB+Garamond:ital,wght@0,500;1,800&display=swap);*{box-sizing:border-box}body{padding:0}h1{font-family:Montserrat,sans-serif;padding-left:20px}h2{font-family:Merriweather,serif;padding-left:35px}h3{font-family:Rubik,sans-serif}a,button,p{font-family:Open Sans,sans-serif}.nom p{margin:0}.navbar{align-items:center;background-color:#3e7297;color:#ebf2fa;display:flex;justify-content:space-between;position:relative}.nom{font-size:1.5rem;margin:.5rem}.navbar-links{height:100%}.navbar-links ul{display:flex;margin:0;padding:0}.navbar-links li{list-style:none;transition:all .3s ease 0s}.navbar-links li a{color:#ebf2fa;display:block;padding:1rem;text-decoration:none}.navbar-links li:hover{background-color:#427aa1}.toggle-button{display:none;flex-direction:column;height:21px;justify-content:space-between;position:absolute;right:1rem;top:.75rem;transition:all .3s ease 0s;width:30px}.toggle-button .bar{background-color:#ebf2fa;border-radius:10px;height:3px;width:100%}@media (max-width:480px){.navbar{align-items:flex-start;flex-direction:column}.toggle-button{display:flex}.navbar-links{display:none;width:100%}.navbar-links ul{flex-direction:column;width:100%}.navbar-links ul li{text-align:center}.navbar-links ul li a{padding:.5rem 1rem}.navbar-links.active{display:flex}}.coloricon{color:dimgray}hr.solid{border-top:1px solid #bbb;width:25%}.footer{bottom:0;padding:40px 0;width:100%}.footer .social{color:dimgray;padding-bottom:25px;text-align:center}.footer .social p{font-size:20px}.footer .social a,.footer .social p{color:inherit;display:inline-block;height:40px;line-height:38px;margin:0 8px;opacity:.4;text-align:center;width:40px}.footer .social a{border:1px solid #ccc;border-radius:50%;font-size:25px;transition:all .3s ease 0s}.footer .social a:hover{opacity:.8;transform:rotate(1turn)}.footer ul{font-size:18px;line-height:1.6;list-style:none;margin:0;padding:0;text-align:center}.footer ul li a{transition:all .3s ease 0s}.footer ul li a,.footer ul li p{color:inherit;opacity:.4;text-decoration:none}.footer ul li{display:inline-block;padding:0 15px}.footer ul li a:hover{opacity:.8}.footer .copyright{color:#aaa;font-size:15px;margin-top:15px;text-align:center}.titre-dev{align-items:center;background-attachment:fixed;background-image:url(/build/images/webdev.444370da.jpg);background-repeat:no-repeat;background-size:100% 100%;color:#ebf2fa;display:flex;flex-direction:column;height:420px;justify-content:center;width:100%}.titre-dev a,.titre-dev a:visited{color:inherit;text-decoration:none}#typewriter{color:#ebf2fa;font-size:100%;margin-top:0}.button-cv{background:#4a8c6a;border:none;border-radius:50px;color:#ebf2fa;cursor:pointer;padding:9px 25px;transition:all .3s ease 0s}.button-cv:hover{background:#75b694}@media screen and (min-width:480px){#typewriter{font-size:200%}}#container{background:hsla(0,0%,100%,.9);border-radius:5px;box-shadow:0 15px 30px 1px grey;height:370px;margin:5em auto;overflow:hidden;text-align:center;width:700px}.product-details{float:left;height:100%;overflow:hidden;padding:30px;position:relative;text-align:left;width:40%}#container .product-details h1{color:#000;display:inline-block;font-family:Bebas Neue,cursive;font-size:30px;margin:0;position:relative}#container .product-details h1:before{animation:chan-sh 6s ease infinite;background:#ffe6e6;border-radius:5px;color:#ebf2fa;content:"";display:inline-block;font-family:"Bree Serif",serif;font-size:14px;margin:0;padding:5px;position:absolute;right:0;top:0;transform:translate(25px,-15px)}#container .product-details>p{color:#7d7d7d;font-family:EB Garamond,serif;font-size:18px;text-align:center}.control{bottom:20%;left:22.8%;position:absolute}.btn{background:#427aa1;border:none;border-radius:5px;color:#eee;cursor:pointer;margin:0;outline:none;overflow:hidden;padding:0;position:relative;transform:translateY(0);transition:.3s linear}.btn a{color:inherit}.btn:hover{background:#1a66ff;transform:translateY(-6px)}.btn span{display:inline-block;font-family:Farsan,cursive;font-size:1.2em;margin:0;padding:10px 20px;transition:transform .3s}.btn .price,.shopping-cart{background:#333;border:0;margin:0}.btn .price{padding-right:15px;transform:translateX(-10%)}.btn .shopping-cart{background:#333;left:0;position:absolute;top:0;transform:translateX(-100%);z-index:1}.btn .buy{font-weight:bolder;z-index:3}.btn:hover .price{transform:translateX(-110%)}.btn:hover .shopping-cart{transform:translateX(0)}.product-image{display:inline-block;float:right;height:100%;overflow:hidden;position:relative;transition:all .3s ease-out;width:45%}.marathon{margin-top:40%;width:100%}.portfolio{height:100%}.labyrinthe{height:100%;padding-right:300px}.sokoban{height:100%;width:113%}.info{background:rgba(27,26,26,.9);color:#fff;cursor:no-drop;font-family:"Bree Serif",serif;font-size:105%;height:100%;left:0;line-height:1.8;position:absolute;text-align:left;top:0;transform:translateX(-100%);transition:all .3s ease-out;width:100%}.info h2{text-align:center}.product-image:hover .info{transform:translateX(0)}.info ul li{transition:.3s ease}.info ul li:hover{transform:translateX(50px) scale(1.3)}.product-image:hover img{transform:scale(1.2);transition:all .3s ease-out}*,:after,:before{box-sizing:border-box}body{background:#fff;font-family:Arial,Helvetica,sans-serif;margin:0}.timeline{margin:0 auto;max-width:1140px;padding:15px 0;position:relative;width:100%}.timeline:after{background:#000;bottom:0;content:"";left:50%;margin-left:-1px;position:absolute;top:0;width:2px}.container{background:inherit;padding:15px 30px;position:relative;width:50%}.container.left{left:0}.container.right{left:50%}.container:after{background:#fff;border:2px solid #000;border-radius:16px;content:"";height:16px;position:absolute;right:-8px;top:calc(50% - 8px);width:16px;z-index:1}.container.right:after{left:-8px}.container:before{background:#000;content:"";height:2px;position:absolute;right:8px;top:calc(50% - 1px);width:50px;z-index:1}.container.right:before{left:8px}.container .date{color:#000;display:inline-block;font-size:14px;font-weight:700;letter-spacing:1px;position:absolute;text-align:center;text-transform:uppercase;top:calc(50% - 8px);z-index:1}.container.left .date{right:-270px}.container.right .date{left:-250px}.container .icon{background:#427aa1;border:2px solid #000;border-radius:40px;color:#000;display:inline-block;font-size:18px;height:40px;padding:9px 0;position:absolute;text-align:center;top:calc(50% - 20px);width:40px;z-index:1}.container.left .icon{right:56px}.container.right .icon{left:56px}.container .content{background:#427aa1;border-radius:0 500px 500px 0;padding:30px 90px 30px 30px;position:relative}.container.right .content{border-radius:500px 0 0 500px;padding:30px 30px 30px 90px}.container .content h2{color:#000;font-size:18px;font-weight:400;margin:0 0 10px}.container .content p{color:#000;font-size:16px;line-height:22px;margin:0}@media (max-width:767.98px){.timeline:after{left:90px}.container{padding-left:120px;padding-right:30px;width:100%}.container.right{left:0}.container.left:after,.container.right:after{left:82px}.container.left:before,.container.right:before{border-color:transparent #006e51 transparent transparent;left:100px}.container.left .date,.container.right .date{left:15px;right:auto}.container.left .icon,.container.right .icon{left:146px;right:auto}.container.left .content,.container.right .content{border-radius:500px 0 0 500px;padding:30px 30px 30px 90px}}.about p{margin-bottom:0;margin-left:4%;margin-top:0}.about a{color:#427aa1;margin-left:4%;text-decoration:none}.about a:visited{color:#4a8c6a}.about li{list-style:none}form{display:flex;flex-direction:column;margin:auto;width:20%}form input{margin-bottom:10px}form button{background-color:#4a8c6a;border:none;color:#ebf2fa;display:inline-block;font-size:16px;margin-top:10px;padding:15px 32px;text-align:center;text-decoration:none}form button:hover{cursor:pointer}.mail-message{padding-bottom:100px;transform:translateX(-25%);width:200%}