@import url(https://fonts.googleapis.com/css2?family=Audiowide&display=swap);#description{display:flex;justify-content:space-around;margin:auto;min-height:59vh;padding:2vw 0;width:90vw}#description p{font-size:1.5vw;width:50vw}#portrait{background:url(/static/media/profil.95c5c86b6dad79941f8c.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:145px;box-shadow:5px 5px 10px 0 #353535;height:32vw;width:24vw}#presentation img{display:inline;height:3vw;margin:0 1vw}@media (max-width:768px){#description{align-items:center;flex-direction:column;justify-content:normal}#description #portrait{background-size:contain;border-radius:0;box-shadow:0 0 0 0;height:70vw;width:60vw}#description p{font-size:5vw;padding:0;text-align:center;width:90vw}#presentation div{display:flex;justify-content:space-evenly}#presentation div img{height:10vw;margin:0 1vw;text-align:center}}@font-face{font-family:AudioWide;src:url(https://fonts.googleapis.com/css2?family=Audiowide&display=swap)}#technologie{color:#fff;display:flex;flex-direction:column;height:85vh;margin-top:5vw}#technologie img{-webkit-filter:drop-shadow(2px 1px 0 #5b5b5b);filter:drop-shadow(2px 1px 0 rgb(91,91,91));position:relative;width:10vw}#logo_techno{opacity:.6;position:absolute}#logo_HTML{left:5vw;top:-6vw}#logo_CSS{left:15vw;top:20vh}#logo_JavaScript{right:10vw;top:50vh;width:8vw!important}#logo_React{left:55vw;top:10vh}#logo_Sass{left:40vw;top:40vh}#logo_GitHub{right:10vw;top:55vh}#logo_MongoDB{right:15vw;top:15vh}#logo_Node{right:10vw;top:50vh}#table{display:flex;justify-content:space-around}#table h3{color:#ffc72c;text-align:center;text-shadow:0 0 20px}#table ul{font-size:2vw;font-weight:500;list-style:none;padding:0;text-align:center}#table #outils{-webkit-column-count:2;column-count:2}@media (max-width:768px){#table{flex-direction:column}#table h3{font-size:5vw}#table ul{font-size:6vw}}#projets{display:flex;flex-direction:column;margin:auto;min-height:85vh;width:90vw}#projets a{color:#ffc72c;text-decoration:none}#formation button{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid gray;border-radius:20px;box-shadow:5px 5px 5px #4e0246;color:#fff;cursor:pointer;font-size:6vw;height:30vh;width:95%}#openclassrooms{background:url(/static/media/Openclassrooms.30ccb8bc3fb58cbb2cf9.png)}#sideProjet{opacity:.7}.cardSideProjet{align-content:center;background-size:contain;border-radius:3vw;margin-bottom:3vw;min-height:25vw;width:20vw}.cardSideProjet h3{color:#000;font-size:1vw;letter-spacing:-.2vw;margin:1vw 2vw;text-orientation:upright;white-space:nowrap;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.container{display:none;justify-content:center!important;justify-content:space-between;width:90vw}#preview_projet{width:45vw}#preview_projet #img_preview{border-radius:20px;box-shadow:5px 5px 15px gray;height:40vh;width:45vw}#titre_projet{height:86vh;overflow:hidden;position:relative;top:-29vh;width:45vw}#name_projet li{cursor:pointer;list-style:none}#name_projet li a:hover{color:#fff!important;text-shadow:0 0 20px #fff}#name_projet li a{color:#a3a1a1;font-size:3vw;text-decoration:none}.open_section{display:flex}.close_section{display:none!important}#name_projet{display:flex;flex-direction:column;gap:1vh;height:85vh;justify-content:center}#Btn_projets{background:none;border:none;cursor:pointer;text-align:left;width:15vw}.mobile #img_preview,.mobile #preview_projet{display:none}.mobile #titre_projet{height:auto;margin:auto;top:-2vw;width:90%}.mobile #titre_projet #name_projet{gap:3vw;padding:0}.mobile #titre_projet ul a{margin:auto;width:90%}.mobile #titre_projet ul li{background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #000;border-radius:1vw;box-shadow:.2vw .2vw 1vw #909090;padding:14vw 0}.mobile #container,.mobile #titre_projet #name_projet{height:auto}@media (max-width:768px){#projets h2{font-size:8vw}#formation button{height:20vw!important}.cardSideProjet{height:35vw;width:25vw}}#nav_home{display:flex;justify-content:center;margin:auto;width:90vw}#nav_home button{width:20vw}@media (max-width:768px){#nav_home button{width:32vw}button{font-size:3vw!important;height:8vw!important}}#projet{display:flex;flex-direction:row;flex-wrap:wrap;gap:1vh;margin:auto;min-height:35vw;width:90vw}#projet #cover_img{box-shadow:10px 10px 15px gray;max-height:20vw;width:50vw}#info_projet{justify-content:space-around;margin-top:2vw;width:90%}#info_projet,#info_projet a{align-items:center;display:flex}#projet_description{margin-bottom:5vh;width:100vw}#projet_description h3{font-size:3vw}#projet_description li,#projet_description p{font-size:1.5vw}.logo{-webkit-filter:drop-shadow(.2vw .2vw .2vw grey);filter:drop-shadow(.2vw .2vw .2vw grey);height:10vw!important}.logo_pro{cursor:pointer;-webkit-filter:drop-shadow(.2vw .2vw 1vw #d3d3d3);filter:drop-shadow(.2vw .2vw 1vw lightgrey);margin:2vw;width:7vw}.logo_pro a:hover{-webkit-transform:scaleX(1.5);transform:scaleX(1.5)}#img_projet{align-items:center;display:flex;flex-direction:column;margin-top:5vh;width:100%}.chevron,.chevron_prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m8 13.1-8-8 2.1-2.2L8 8.8l5.9-5.9L16 5.1z'/%3E%3C/svg%3E");-webkit-filter:drop-shadow(0 2px 6px #fff);filter:drop-shadow(0 2px 6px white);height:50px;position:relative;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:50px}.chevron_prev{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media (max-width:768px){#img_projet{flex-direction:column;gap:7vw;width:100vw}#img_projet #cover_img{max-height:40vw;width:90vw}#img_projet #info_projet{width:90vw}#projet_description p{font-size:5vw}#projet_description h3{font-size:10vw}#projet_description li{font-size:5vw}#projet #cover_img{box-shadow:1vw 1vw 1vw gray}}#contact{height:auto;padding:3vw;text-align:center}#contact p{font-size:2vw}form{display:flex;flex-direction:row}form #form1{display:flex;flex-direction:column;margin:4vh auto;width:40vw}form #form2{margin:6vh auto;width:40vw}form label{font-size:2vw;font-weight:600;margin:1vw;text-align:left}form input{color:#fff;font-size:2vw;padding:1vw}form #message,form input{background-color:rgba(10,9,9,.134);border:none;border-radius:10px;box-shadow:2px 2px 2px gray}form #message{height:17vw;margin:1vw;width:40vw}form textarea{color:#fff;font-size:2vw;padding:1vw}form button{width:30vw}@media (max-width:1024px){#contact p{font-size:3vw}#contact h3{font-size:5vw}form{flex-direction:column}form input,form label{font-size:4vw}form #form1,form #form1 #message,form #form2,form #form2 #message{width:80vw}}#login{padding:3vw}#login h2{text-align:center}#login #form_login,#login #form_signUp{align-items:center;flex-direction:column;height:auto;justify-content:flex-start;margin:10vw auto}#nav_login{display:flex;justify-content:center;position:relative}#nav_login button{box-shadow:0 .4vw 0 #353535;font-size:2vw;height:auto;padding:1vw 3vw;width:auto}#nav_login button:active{box-shadow:0 0 0 #353535;top:.4vw}@media (max-width:1024px){#login{height:100vh}#nav_login button{padding:2vw!important}}#error{position:relative;top:15vh}.Stars{color:#e3e3e3;display:flex;font-size:2vw;justify-content:center;width:21vw}.star-rating{color:#ffc72c}#avis .Stars{direction:rtl;margin:2vw;position:relative}.comment{background:radial-gradient(circle,#031e36 0,#000 100%);border-radius:1vw;box-shadow:2px 2px 2px gray;color:#fff;margin:0 1vw;padding:0 1vw}#avis{align-items:center;display:flex;height:auto}#avis,#formAvis{flex-direction:column}#stars_Form .Stars{direction:rtl;top:0!important}#stars_Form .Stars .fa-solid:focus,#stars_Form .Stars .fa-solid:hover{color:#ffc72c;cursor:pointer}#stars_Form .Stars .fa-solid:hover~.fa-solid{color:#ffc72c}#displayAvis{display:flex;flex-direction:row;justify-content:space-evenly;margin:5vw;width:90vw}#avis_login{font-family:AudioWide;font-size:1.5vw;text-align:center}#avis_login button{width:30vw}#avis_login a{color:#a3a1a1;text-decoration:none}@media (max-width:768px){#displayAvis{flex-direction:column}#displayAvis .comment{align-items:center;display:flex;flex-direction:column-reverse;height:auto;margin:2vw;padding:5vw 0;text-align:center}.Stars{font-size:4vw}#avis .Stars{margin:0}}#home{background:radial-gradient(circle,#031e36 0,#000 100%);height:100vh;justify-content:center;transition:height .6s;width:100vw}#home,#logo{align-items:center;display:flex}.animation_LogoImg{-webkit-animation-delay:0s,1s;animation-delay:0s,1s;-webkit-animation-duration:1s,1s;animation-duration:1s,1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:opacityLogo,translateX;animation-name:opacityLogo,translateX}.animation_LogoText{-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:opacityLogo;animation-name:opacityLogo;left:39vw;opacity:0;position:absolute}#accueil{display:flex;flex-direction:column}#accueil #logo1{width:15vw}#accueil #logo2{width:35vw}#entry{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:opacityEntry;animation-name:opacityEntry;color:#c69c2d;cursor:pointer;font-size:2vw;margin:auto;opacity:0;position:relative;text-decoration:none;text-shadow:#c69c2d 0 0 20px;top:15vh}@-webkit-keyframes translateX{0%{-webkit-animation-timing-function:cubic-bezier(.14,.01,.01,.98);animation-timing-function:cubic-bezier(.14,.01,.01,.98);-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-17vw);transform:translateX(-17vw)}}@keyframes translateX{0%{-webkit-animation-timing-function:cubic-bezier(.14,.01,.01,.98);animation-timing-function:cubic-bezier(.14,.01,.01,.98);-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-17vw);transform:translateX(-17vw)}}@-webkit-keyframes opacityLogo{0%{opacity:0}to{opacity:1}}@keyframes opacityLogo{0%{opacity:0}to{opacity:1}}@-webkit-keyframes opacityEntry{0%{opacity:1}to{opacity:0}}@keyframes opacityEntry{0%{opacity:1}to{opacity:0}}@media (max-width:768px){#accueil #logo2{width:65vw}#accueil #logo1{width:30vw}@-webkit-keyframes translateX{0%{-webkit-animation-timing-function:cubic-bezier(.14,.01,.01,.98);animation-timing-function:cubic-bezier(.14,.01,.01,.98);-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-30vw);transform:translateX(-30vw)}}@keyframes translateX{0%{-webkit-animation-timing-function:cubic-bezier(.14,.01,.01,.98);animation-timing-function:cubic-bezier(.14,.01,.01,.98);-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-30vw);transform:translateX(-30vw)}}.animation_LogoText{left:28vw}#entry{font-size:9vw}}header{background:radial-gradient(circle,#031e36 0,#000 100%);box-shadow:0 5px 20px 0 gray;display:flex;height:6vw;justify-content:space-between;position:fixed;top:0;transition:height .6s;width:100vw;z-index:3}header a{display:flex;margin:1.5vw}header #logo1{width:7vw}header #logo2{width:20vw}header #accueil{justify-content:space-between;width:95vw}#nav_header{align-items:center;display:flex;font-size:1.5vw;justify-content:right;margin-right:2vw}#nav_header a{color:#a3a1a1;font-family:AudioWide;text-decoration:none}#nav_header a:hover{-webkit-transform:scale(1.2);transform:scale(1.2);transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}#nav_header .active{text-shadow:0 0 20px #fff}@media (max-width:768px){header{height:20vw}header #logo2{display:none}#logo1{width:20vw!important}#nav_header{font-size:4vw}}footer{align-items:center;background:#000;color:#fff;display:flex;flex-direction:column;font-family:AudioWide;margin-top:5vw;padding:2vw 0}footer p{margin:2vh}@media (max-width:768px){footer{margin-top:20vw}}button{background:linear-gradient(180deg,#fff,#073374 4%,#05285b 49%,#000);border:1px solid #000;border-radius:2vw;box-shadow:0 .5vw 0 #353535;color:#a3a1a1;cursor:pointer;font-family:Audiowide;font-size:2vw;height:4vw;margin:2vw;position:relative;top:0}button:active{box-shadow:0 0 0 #000;top:.5vw}button[type=button]{color:#fff}.active{box-shadow:0 0 0 #000!important;color:#fff!important;text-shadow:0 0 5px #fff;top:.5vw!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main{background-image:url(/static/media/17973903.c19678ce91e685ff5db3.webp);background-size:cover;color:#fff;position:relative;top:6vw}h2{font-family:AudioWide;font-size:4vw}h2,h3{font-weight:800}h3{font-family:AudioWide!important;font-size:3vw}@media (max-width:768px){main{top:20vw!important}p{font-size:5vw!important}}
/*# sourceMappingURL=main.85d6c245.css.map*/