@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Bebas Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:.1rem;margin:0}li,p{font-family:Courier New,Courier,monospace!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{background:radial-gradient(circle,#031e36 0,#000 100%),url(/static/media/logoCustom.13d398c2fe0b88387548.png);background-blend-mode:difference;background-position:50%;background-repeat:no-repeat;background-size:contain;min-height:100vh}.glass{-webkit-backdrop-filter:blur(1vw);backdrop-filter:blur(1vw);background:#ffffff1a;border-radius:1vw;box-shadow:0 0 5rem 0 #1f26875e}#Home{align-items:center;display:flex;flex-direction:column-reverse;justify-content:space-around}#Home>*{height:70vh}#Home img{object-fit:contain}#menu{height:10%;text-align:center;width:25%}.close{animation-fill-mode:forwards;animation-name:close}.close,.open{animation-duration:.3s}.open{animation-fill-mode:forwards;animation-name:open;margin:5vh;padding:2vh}@keyframes open{0%{width:0}to{width:80%}}@keyframes close{0%{width:80%}to{width:0}}@media (max-width:1024px){.open{margin:30%}#Home>*{height:auto}#menu{background-color:#000;z-index:1}}#menu{align-items:center;display:flex;height:auto;justify-content:space-around;position:absolute;top:85vh;width:50%}#menu i{color:grey;font-size:2.5vw}.btn_menu{background:none;border:none;cursor:pointer;padding:3%}.btn_menu:hover i{color:#fff!important}@media (max-width:1024px){#menu{position:fixed;top:0;width:100%}}#about_me{display:grid;grid-template-areas:"a b" "a c" "d .";grid-template-columns:20%;grid-template-rows:auto;width:80%}p{font-size:1rem;text-align:justify;text-indent:20px}#portrait{border-radius:10px;display:grid;justify-self:center;place-items:center;width:80%}#portrait,img{overflow:hidden}img{border-radius:7px;width:100%}#portrait img{border:5px solid #fff;width:90%}#presentation{align-content:center;color:#fff;display:flex;flex-wrap:wrap;font-size:1vw;overflow:hidden}#presentation p{margin:auto;width:90%}#reseaux{align-items:center;display:flex;flex-direction:row}#reseaux img{width:50%}#reseaux a{display:flex;justify-content:center}#languages{align-items:center;display:flex;justify-content:space-evenly}#languages img{width:10%}@media (max-width:1024px){#about_me{align-items:center;display:flex;flex-direction:column}#about_me>*{padding:5%}}#cv{align-items:center;color:#fff;display:flex;justify-content:space-around}#cv>*{width:90%}h2{color:#ffc72c;margin:0 0 2vh}h2,h3{font-size:3vh}h3{margin:1.5vh 0}p{letter-spacing:normal;margin:0 0 0 2vh}#bts,#dev_openclassrooms,#freelance,#openclassrooms,#technicien{line-height:1.5em}#experience>div,#formation>div{margin-left:1vw}#experience,#formation{background-color:#000c;border-radius:10px;box-shadow:10px 10px 20px #000;padding:3%;width:30%}@media (max-width:1024px){#cv{flex-direction:column}#cv,#cv>*{padding:5%}#cv>*{margin:5%;width:80%}}#slider{height:90%;margin:auto;width:90%}.slideshow{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:20px;height:15vw;position:relative}.slideshow p{bottom:-2rem;color:#fff;font-size:18px;font-weight:500;margin:0;position:absolute;text-align:center;width:100%}@keyframes right{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes left{0%{transform:scaleX(0)}to{transform:scaleX(-1)}}.none{display:none}.btn-left,.btn-right{cursor:pointer;width:3%}.btn-left{left:30px}.btn-right{right:30px}.show{display:flex;gap:1vw}.show img{box-shadow:0 2px 8px #000;cursor:pointer;flex:1 1;width:20%}.active{border:5px solid #fff}.logo_techno{filter:drop-shadow(0 0 30px white);width:3vw}#slider{grid-area:a}#languages_projet{align-items:center;display:flex;height:75%;justify-content:space-between}#lien_projet{display:flex;justify-content:space-around;text-align:center}#description_projet{color:#fff;display:flex;flex-direction:column;font-size:1vw;grid-area:b;height:90%;justify-content:space-evenly;width:90%}#projets{align-items:center;display:grid;grid-template-areas:"a b" "c b";grid-template-columns:50% 50%;grid-template-rows:50% 50%;justify-items:center}@media (max-width:1024px){#projets{display:flex;flex-direction:column}#projets>*{margin:5%;padding:5%}#slider{display:flex;flex-direction:column;height:80vw}.slideshow{height:50vw}.logo_techno{width:15vw}#description_projet,li{font-size:3vw}#description_projet>*{padding:5%}}#contact{display:flex;flex-direction:column;justify-content:space-evenly;text-align:center}form{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-around}#form1,form{display:flex}#form1{flex-direction:column}#form1,#form2{width:40%}input{color:#fff;font-size:1vw;padding:1vw}#message,input{background-color:rgba(10,9,9,.134);border:none;border-radius:10px;box-shadow:2px 2px 2px grey;margin:1vw}#message{height:20rem;width:90%}textarea{padding:1vw}button,textarea{color:#fff;font-size:1vw}button{background:none;border:none;cursor:pointer;width:90%}@media (max-width:1024px){#contactForm>*,h2{padding:5%}p{font-size:3vw}form{flex-direction:column;flex-wrap:nowrap}#form1,#form2{margin:auto;width:90%}#message,button,input,label{font-size:4vw}}
/*# sourceMappingURL=main.55aa4f69.css.map*/