@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&family=Staatliches&display=swap");:root{--primary-color:#ee060b;--secondary-color:#222;--background-color:#fff;--font-family-primary:"Quicksand",sans-serif;--font-family-accent:"Staatliches",cursive}body{background:#fff;background:var(--background-color);font-family:Quicksand,sans-serif;font-family:var(--font-family-primary);font-size:18px;font-weight:400;line-height:26px;margin:0;padding:0 0 105px}a{color:#ee060b;color:var(--primary-color);position:relative;-webkit-text-decoration:none;text-decoration:none}a:after{background:#ee060b;background:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease-out;width:0}a:hover{color:#000}a:hover:after{width:100%}a:visited{color:#ee060b;color:var(--primary-color)}.img{text-align:center}.img .copyright{font-size:7px;margin:-30px auto 0;padding:0}.section{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:15px}#home .img img{border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,.1);height:auto;margin-bottom:20px;max-height:300px;width:auto}.title{font-family:Staatliches,cursive;font-family:var(--font-family-accent);font-weight:400}.h1{font-size:42px}.h1 span{display:block;font-family:Quicksand,sans-serif;font-size:22px;font-weight:600;margin-top:10px}.button{background-color:#fff;border:2px solid #ee060b;border:2px solid var(--primary-color);border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.1);color:#222;display:inline-flex;font-size:14px;font-weight:600;letter-spacing:2px;padding:14px 23px;position:relative;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase;transform:perspective(1px) translateZ(0);transition:.5s;transition-property:color}.button,.button:before{transition-duration:.5s}.button:before{background:#ee060b;background:var(--primary-color);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-timing-function:ease-out;z-index:-1}.button:after{display:none}.button:hover{color:#fff}.button:hover:before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}.site-width{max-width:1440px;width:100%}.site-width .title.h1{text-align:center}.competences{list-style:none;margin:0;padding:0}.competences li{border:1px solid #f3eaea;border-radius:4px;display:inline-block;font-size:15px;margin-bottom:10px;margin-right:5px;padding:2px 20px;transition:all .3s ease-out}.competences li:hover{background:#ee060b;background:var(--primary-color);border:1px solid #ee060b;border:1px solid var(--primary-color);color:#fff}.card{background-color:#fff;border:1px solid #f3eaea;border-radius:4px;box-shadow:0 5px 15px transparent;color:#4a4a4a;display:block;margin-bottom:25px;padding:1.25rem;position:relative;transition:all .3s ease-out}.card:hover{border:1px solid #e7dcdc;box-shadow:0 14px 25px rgba(0,0,0,.08)}.card .visuel{position:absolute;right:25px}.card .visuel img{height:auto;max-width:100px}.card .title{font-size:21px;padding-right:110px}.card .date{background-color:#ee060b;background-color:var(--primary-color);border-radius:30px;color:#fff;font-family:Quicksand,sans-serif;font-size:12px;font-weight:300;padding:3px 15px;position:relative;top:-3px}.main-nav{align-items:center;background:#ee060b;background:var(--primary-color);border-radius:50px;bottom:15px;box-shadow:0 0 20px 0 rgba(0,0,0,.1);display:flex;justify-content:center;left:50%;padding:10px 8px;position:fixed;transform:translateX(-50%);transition:all .3s ease-in-out;z-index:1}.main-nav:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.3)}.main-nav ul{display:flex;justify-content:space-around;list-style-type:none;margin:0;padding:0;width:100%}.main-nav li{margin:0 15px}.main-nav img{width:45px}.main-nav a{align-items:center;background:#ee060b;background:var(--primary-color);border-radius:50%;display:flex;height:60px;justify-content:center;transition:background-color .3s ease-in-out;width:60px}.main-nav a:after{display:none}.main-nav a:hover{background:#fff}.main-nav a.is-active{background:hsla(0,0%,100%,.55)}@media screen and (min-width:768px){.h1{font-size:37px}.h1 span{font-size:20px}#home{flex-direction:row}#home .img img{max-height:85vh;max-width:100%}#home .img,#home .infos{flex-basis:50%}#home .infos{box-sizing:border-box;padding:35px}p{max-width:550px}.grid2cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:50px}.img .copyright{font-size:9px}.card{margin-bottom:0}}@media screen and (min-width:1024px){.h1{font-size:45px}.h1 span{font-size:22px}}@media screen and (max-width:768px){.main-nav{border-radius:0;bottom:0;left:0;padding:10px 0;right:0;transform:none}.main-nav img{width:32px}.main-nav a{height:40px;width:40px}.card .title{padding-right:5px}.card .visuel{position:static;text-align:center}.card .visuel img{max-height:none}}