/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}input{overflow:visible}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Roboto;src:local("Shrikhand Regular"),local("Shrikhand-Regular"),url(/assets/Roboto-Regular-webfont-Fd-ZVn32.woff) format("woff");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Shrikhand;src:local("Shrikhand Regular"),local("Shrikhand-Regular"),url(/assets/Shrikhand-Regular-Gc-NXHg1.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}H1,H2,H3,img{font-family:Shrikhand,Arial,Helvetica,sans-serif}p{font-family:Roboto,Arial,Helvetica,sans-serif}*{box-sizing:border-box}@keyframes loader{0%{transform:translate(0);opacity:2;z-index:3}50%{transform:translate(0);opacity:2;z-index:3;left:0}to{transform:translate(3000px);opacity:2;z-index:1}}.accueil__conteneur{display:flex;flex-direction:row;justify-content:space-around;align-items:stretch;width:100%;margin-bottom:130px;padding:0 20px}.accueil__conteneur__figure{display:flex;flex-direction:column;justify-content:normal;align-items:stretch;margin:auto}.accueil__conteneur__ordi{width:100%;margin:20px 0 50px}.accueil__conteneur__imgacc{display:flex;flex-direction:row;justify-content:normal;align-items:center;width:100%;height:auto;margin:auto;aspect-ratio:16/10.42}.accueil__conteneur__logo{display:flex;flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;width:100%;height:auto;gap:30px}.accueil__conteneur__html5{width:100px;height:100px}.accueil__conteneur__react{width:67px;height:100px}.accueil__conteneur__CSS3{width:71px;height:100px}.accueil__conteneur__sass{width:129px;height:100px}.accueil__conteneur__js{width:100px;height:100px}.accueil__conteneur__nodejs{width:163px;height:100px}@media (max-height: 832px) and (pointer: fine){.accueil__conteneur__imgacc{width:80%}}@media (min-width: 851px) and (pointer: fine){.accueil__conteneur{margin-bottom:130px}}@media (min-width: 1000px) and (pointer: fine){.accueil__conteneur{margin-bottom:0;height:88vh;padding:0}.accueil__conteneur__imgacc{width:95.713%}.accueil__conteneur__logo{flex-flow:row wrap}.accueil__conteneur__ordi{margin:20px 0 0}.accueil__conteneur__html5,.accueil__conteneur__react,.accueil__conteneur__CSS3,.accueil__conteneur__sass,.accueil__conteneur__js,.accueil__conteneur__nodejs{width:90%;height:auto}}@media (min-width: 1016px) and (pointer: fine){.accueil__conteneur__html5,.accueil__conteneur__react,.accueil__conteneur__CSS3,.accueil__conteneur__sass,.accueil__conteneur__js,.accueil__conteneur__nodejs{width:100%}}.portfolio__conteneur{width:100%;display:flex;margin-bottom:130px}.portfolio__conteneur__element{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(14,auto);background-image:linear-gradient(180deg,#fdfbfb,#ebedee);border-radius:10px;font-size:1em;margin:auto;gap:10px;grid-auto-flow:dense;padding:2%}.portfolio__conteneur__section{align-self:center;justify-self:center}.portfolio__conteneur__figure{display:inline-block;position:relative;margin:0;cursor:pointer}.portfolio__conteneur__img{width:100%}.portfolio__conteneur__img:hover{outline:solid 2px rgb(110,172,108)}@media (max-width: 920px) and (pointer: fine){.portfolio__conteneur__element{height:95%}}@media (min-width: 1000px) and (pointer: fine){.portfolio__conteneur{margin-bottom:0}.portfolio__conteneur__element{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto);width:95.713%;height:85%}}@media (min-width: 1355px) and (pointer: fine){.portfolio__conteneur{margin-bottom:0}.portfolio__conteneur__element{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto);width:75.713%;height:auto}}.conteneurabout{display:flex;margin-bottom:130px;width:100%}.conteneurabout__div{display:flex;flex-direction:column-reverse;justify-content:normal;align-items:stretch;background-image:linear-gradient(180deg,#fdfbfb,#ebedee);border-radius:10px;font-size:1em;margin:auto;padding:0 10px;width:95%}.conteneurabout__paragraphe{text-align:justify;width:100%}.conteneurabout__img{height:120px;border-radius:50%;margin:auto}@media (min-width: 768px) and (pointer: fine){.conteneurabout__div{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:stretch;flex-wrap:wrap;padding:0 20px}.conteneurabout__titre{display:inline-block;width:50%;font-weight:500}.conteneurabout__paragraphe{width:100%}}@media (min-width: 962px) and (pointer: fine){.conteneurabout__div{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;flex-wrap:nowrap}.conteneurabout__img{height:286px;border-radius:10%}.conteneurabout__paragraphe{width:95%}}@media (min-width: 1000px) and (pointer: fine){.conteneurabout{width:100%;margin-bottom:0}.conteneurabout__div{width:95.713%}}@media (min-width: 1205px) and (pointer: fine){.conteneurabout__div{width:75%}}@media (min-width: 1532px) and (pointer: fine){.conteneurabout__div{width:65.713%}.conteneurabout__img{height:386px}}.conteneurcontact{margin-bottom:130px}.conteneurcontact__div{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;background-image:linear-gradient(180deg,#fdfbfb,#ebedee);border-radius:10px;font-size:1em;margin:auto;padding:10px;width:95%}.conteneurcontact__h2{margin:auto;font-weight:500}.conteneurcontact__form{margin:auto;width:86.87%}.conteneurcontact__formulaire{display:flex;flex-direction:column;justify-content:normal;align-items:stretch;margin:0}.conteneurcontact__label{margin:5px}.conteneurcontact__imput{width:100%;height:30px;border-radius:5px;border:1px solid;margin:5px;border:none}.conteneurcontact__imput:hover{outline:solid 2px rgb(110,172,108)}.conteneurcontact__descriptif{width:100%;height:125px;border-radius:5px;resize:none;margin:5px;border:none}.conteneurcontact__descriptif:hover{outline:solid 2px rgb(110,172,108)}.conteneurcontact--bouton{width:50%;border:none;border-radius:10em;background-color:#fff;box-shadow:1px 5px 10px 1px #00000059;background:linear-gradient(to bottom right,#fff,#2b577f);margin:10px auto;position:relative;height:50px;opacity:1;z-index:1;cursor:pointer}.conteneurcontact--bouton:after{content:"";position:absolute;top:0;right:0;left:0;bottom:0;opacity:0;z-index:-1;background:linear-gradient(to bottom right,#fbfaf4,#244a6c);border-radius:10em;box-shadow:0 2px 10px 1px #00000059}.conteneurcontact--bouton:hover:after{opacity:1;transition:opacity .3s}@media (min-width: 768px) and (pointer: fine){.conteneurcontact{width:100%}.conteneurcontact__div{width:80%}.conteneurcontact__form{width:66.87%}}@media (min-width: 962px) and (pointer: fine){.conteneurcontact__div{width:70%}}@media (min-width: 1000px) and (pointer: fine){.conteneurcontact{margin:auto}}@media (min-width: 1200px) and (pointer: fine){.conteneurcontact__div{width:60%}}@media (min-width: 1532px){.conteneurcontact__div{width:50%}}.invalid{outline:solid 2px red;width:100%;height:30px;border-radius:5px;margin:5px;border:none}.invaliddes{outline:solid 2px red;width:100%;height:125px;border-radius:5px;resize:none;margin:5px;border:none}.modal{display:flex;flex-direction:row;justify-content:normal;align-items:stretch;position:absolute;top:50%;left:50%;width:450px;height:450px;background-color:#7fffd4}.content{background-image:linear-gradient(180deg,#fdfbfb,#ebedee);border-radius:10px;font-size:1em;margin:auto;width:75%;padding:20px;position:relative;display:flex;flex-direction:row;justify-content:space-around;align-items:start}.content__btn{position:absolute;top:20px;right:25px;bottom:auto;left:auto;opacity:1;z-index:0;border:none;cursor:pointer;background-color:transparent}.content__lien{display:flex;flex-direction:column;justify-content:start;align-items:start;width:200px;margin-top:25px}.content__ul{padding:0}.content__li{list-style-type:none;margin-bottom:5px}.content__link{text-decoration:none}@media (max-width: 1000px){.content{display:flex;flex-direction:column;justify-content:space-around;align-items:center}.content__lien,.content__nav{width:100%}.content__ul{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:100%}}.banner{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:0 10px;min-height:12vh;position:relative;background-color:#ecebeb}.banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.8;z-index:-1;background-color:#f3f3f3;box-shadow:inset 0 -2px 3px -1px #00000080}.banner:hover:after{z-index:0;opacity:.3}.banner__titre{font-size:1em;font-weight:500;margin:0;z-index:1}.banner--button{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;position:relative;top:auto;right:auto;bottom:auto;left:auto;opacity:1;z-index:1;cursor:pointer;border-radius:10px;border:none;background-color:#3d99be;width:45px;height:45px;margin:0 5px 0 15px}.banner--button:after{content:"";top:0;right:0;bottom:0;left:0;opacity:0;z-index:-1;position:absolute;border-radius:10px}.banner--button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:1}.banner--button__icone{height:42px;width:100%}@media (min-width: 456px) and (pointer: fine){.banner{padding:0 50px}.banner__titre{font-size:1.9em}.banner--button{width:55px;height:55px;margin:0 0 0 15px}.banner--button:hover:after{opacity:1;transition:opacity .3s;background:linear-gradient(270deg,#3d99be,#3ab5b0)}}@media (min-width: 768px) and (pointer: fine){.banner__titre{font-size:2.3em}.banner--button{width:75px;height:75px;margin:17px 0 17px 15px}}@media (min-width: 990px) and (pointer: fine){.banner{padding:0 100px}}@media (min-width: 1288px) and (pointer: fine){.banner{padding:0 150px}}.active{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;position:relative;top:auto;right:auto;bottom:auto;left:auto;opacity:1;z-index:1;font-size:1.7em;cursor:pointer;border-radius:10px;border:none;transition:opacity .3s;background-color:#3ab5b0;width:45px;height:45px;margin:0 5px 0 15px}.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:-1;border-radius:10px}@media (min-width: 456px) and (pointer: fine){.active{width:55px;height:55px;margin:0 0 0 15px}.active:hover:after{opacity:1;transition:opacity .3s;background:linear-gradient(270deg,#3d99be,#3ab5b0)}}@media (min-width: 768px) and (pointer: fine){.active{width:75px;height:75px;margin:17px 0 17px 15px}}.sidebar_conteneur{display:flex;flex-direction:column;justify-content:center;align-items:stretch;background-color:#4160eb;height:330px;width:100%;margin-bottom:35px}.sidebar_conteneur__menu{display:flex;flex-direction:column;justify-content:space-around;align-items:stretch;height:300px;list-style-type:none;padding:0}.sidebar_conteneur__li{display:flex}.sidebar_conteneur--button{display:flex;flex-direction:row;justify-content:space-around;align-items:center;position:relative;top:auto;right:auto;bottom:auto;left:auto;opacity:1;z-index:1;width:70%;height:45px;border-radius:10px;cursor:pointer;margin:auto;font-size:1.2em;font-weight:540;color:#fff;background:#0e2485;border:none}.sidebar_conteneur--button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;z-index:0}.sidebar_conteneur--button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:-1;border-radius:10px;background:#fff;outline:solid 4px #0e2485}.sidebar_conteneur--button:not(.button):hover{transition:all 1.5s cubic-bezier(.19,1,.22,1);color:#000}.sidebar_conteneur--button:not(.button):hover:after{transition:all 1.5s cubic-bezier(.19,1,.22,1);opacity:1}.sidebar_conteneur__icone{display:flex;flex-direction:row;justify-content:space-around;align-items:stretch;position:absolute;top:auto;right:auto;bottom:0;left:auto;opacity:1;z-index:1;width:100%;background-color:#cfcfcf}.sidebar_conteneur__linkedin{display:flex;cursor:pointer;font-size:45px;color:#000;margin:25px}.sidebar_conteneur__github{display:flex;align-items:center;cursor:pointer;font-size:45px;color:#000}@media (min-width: 1000px) and (pointer: fine){.sidebar_conteneur{display:flex;flex-direction:column;justify-content:space-evenly;align-items:stretch;border-radius:0 10px 0 0;height:88vh;width:280px;margin-bottom:0}.sidebar_conteneur__menu{height:300px}.sidebar_conteneur__icone{display:flex;flex-direction:row;justify-content:space-around;align-items:stretch;position:static;background-color:#4160eb}.sidebar_conteneur:hover{background-color:#5873ed}.sidebar_conteneur:hover>.sidebar_conteneur__icone{background-color:#5873ed}}.button{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:70%;height:45px;border-radius:10px;cursor:pointer;margin:auto;font-size:1.2em;font-weight:540;position:relative;top:auto;right:auto;bottom:auto;left:auto;opacity:1;z-index:1;background-color:#fff;box-shadow:0 2px 10px 1px #00000059;border:none;outline:solid 4px #5fa551}.rotate{transform:rotate(0)}@media (min-width: 1000px) and (pointer: fine){.rotate{transform:rotate(-90deg)}}.rotateinit{transform:rotate(180deg)}@media (min-width: 1000px) and (pointer: fine){.rotateinit{transform:rotate(0)}}.loading_spinner{background:linear-gradient(180deg,#1e3d59 50%,#fff 50%);display:flex;flex-direction:column;justify-content:normal;align-items:stretch;position:fixed;z-index:3;width:100vw;height:100vh;animation:loader 4s both;color:#fff}.loading_spinner__titre{font-size:1.5em;z-index:1;font-weight:600;margin:auto;letter-spacing:3px}.loading_spinner__img{width:35.188vw;margin:auto}@media (min-width: 500px) and (pointer: fine){.loading_spinner__img{width:27.188vw}}@media (min-width: 730px) and (pointer: fine){.loading_spinner__img{width:20.188vw}}@media (min-width: 896px) and (pointer: fine){.loading_spinner{flex-direction:row;background:linear-gradient(100deg,#1e3d59 50%,#fff 50%)}.loading_spinner__titre{font-size:2em}.loading_spinner__img{width:15.625vw}}.main{height:100%;position:relative}.main__conteneur{display:flex;flex-direction:column;justify-content:normal;align-items:stretch}@media (min-width: 1000px) and (pointer: fine){.main__conteneur{display:flex;flex-direction:row;justify-content:normal;align-items:stretch}}