@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&family=Source+Sans+Pro:wght@300;400&display=swap);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}*{box-sizing:border-box;margin:0;outline:none;padding:0}h1{color:#fff;font-family:Source Sans Pro,sans-serif;font-size:24px;font-weight:400;text-align:center}h1 strong{font-size:36px}h2{font-size:36px;margin-bottom:30px;text-align:center}h2,h3{color:#fff;font-family:Source Sans Pro,sans-serif;font-weight:400}h3{font-size:24px;margin-bottom:20px}h4{font-family:Source Sans Pro,sans-serif;font-size:20px;font-weight:400;text-decoration:underline}h4,p{color:#fff}p{font-family:Poppins,sans-serif;font-size:16px!important;margin-bottom:30px}i{background:#53dd6c;border-radius:10px;box-shadow:0 0 5px 0 #000;color:#0d0551;margin:0 5px;padding:10px;transition:.3s}i:hover{box-shadow:none;color:#fff}a,input[type=submit]{color:#fff;font-family:Poppins,sans-serif;font-size:16px!important;text-decoration:none;transition:.3s}a:hover,input[type=submit]:hover{color:#53dd6c}.button{display:flex;flex-wrap:wrap;margin:25px auto;width:100%}.button a,.button input[type=submit]{background:none;border:1px solid #fff;border-radius:10px;font-family:Poppins,sans-serif;margin:0 auto;padding:10px;text-align:center;transition:.3s}.button a:hover,.button input[type=submit]:hover{border:1px solid #53dd6c;color:#53dd6c}.picto{color:#fff;height:50px!important;margin:15px 0;width:100%}hr{width:150px}.loader{display:flex;flex-wrap:wrap}.loader img{margin:50px auto;width:150px}.columns{display:flex;flex-wrap:wrap;justify-content:space-between;margin:25px 0}.columns .column1_8{width:12.5%}.columns .column1_4{width:25%}.columns .column1_3{width:33%}.columns .column1_2{width:50%}.columns .column2_3{width:66%}.columns .column3_4{width:75%}.social_nav{justify-content:space-around;margin:50px 0;width:100%}.social_nav div{text-align:center}.social_nav div a{border:2px solid #fff;border-radius:50%;padding:15px 12.5px 10px;transition:.3s}.social_nav div a svg{color:#fff;height:20px;transition:.3s;width:20px}.social_nav div a.linkedin:hover{border:2px solid #0a66c2}.social_nav div a.linkedin:hover svg{color:#0a66c2}.social_nav div a.twitch:hover{border:2px solid #9146ff}.social_nav div a.twitch:hover svg{color:#9146ff}.social_nav div a.instagram:hover{border:2px solid #e4405f}.social_nav div a.instagram:hover svg{color:#e4405f}.social_nav div a.facebook:hover{border:2px solid #1877f2}.social_nav div a.facebook:hover svg{color:#1877f2}.social_nav div a.discord:hover{border:2px solid #5865f2}.social_nav div a.discord:hover svg{color:#5865f2}.social_nav div a.github:hover{border:2px solid gray}.social_nav div a.github:hover svg{color:gray}.social_nav div a.envelope:hover,.social_nav div a.phone:hover,.social_nav div a.webiste:hover{border:2px solid #53dd6c}.social_nav div a.envelope:hover svg,.social_nav div a.phone:hover svg,.social_nav div a.webiste:hover svg{color:#53dd6c}#root{background:#0d0551}.is-sticky{background-color:#0d0551!important;border-bottom:1px solid #53dd6c;box-shadow:0 0 20px 0 #00000080;height:110px;left:0;position:fixed;top:0;transition:.5s;width:100%;z-index:5}header{justify-content:center}header,header .navbar{display:flex;flex-wrap:wrap}header .navbar{align-items:center;color:#fff;justify-content:space-between;margin:auto;max-width:1170px;min-height:75px;padding:1rem;position:absolute;width:100%;z-index:3}header .navbar .logo img{width:200px}header .navbar .navbar_links{display:flex;justify-content:space-between;list-style:none;margin:0;padding:0;width:50%}header .navbar .navbar_links .navbar_link{color:inherit;padding:0 .3rem}header .navbar .navbar_links a{color:#fff;transition:.3s}header .navbar .navbar_links a:hover{color:#53dd6c}header .navbar .navbar_burger{background:#0000;border:none;color:inherit;display:none;height:40px;width:40px}main{height:100vh}main .player_card{display:flex;flex-wrap:wrap;margin:0 auto;padding-top:20vh;width:600px}main .player_card .profil_picture{border:10px solid #53dd6c;border-radius:50%;box-shadow:0 0 25px 0 #00000080;margin:0 auto;width:300px;z-index:1}main .player_card .profil_picture img{border-radius:50%;filter:grayscale(80%);height:100%;transition:.3s;width:100%}main .player_card .profil_picture:hover img{filter:grayscale(0)}main .player_card .player_info{background:#0d0551;border-radius:16px;box-shadow:0 0 25px 0 #00000080;margin-top:-150px;padding-top:175px!important;padding:20px;width:100%;z-index:0}#error,#legals,#projects{padding-top:100px}#error h1{font-size:200px}#error h2{font-size:75px;margin-bottom:0;text-align:left}#error h3{margin-bottom:10px}#error .error_number{margin:0 auto}#error .error_desc{padding:50px 0}#contact,#skills{background:#1e407e}section{margin:0 auto;max-width:1170px;padding:20px}section .hobbies .hobby{background:none;border:1px solid #53dd6c;border-radius:10px;box-shadow:0 0 5px 0 #00000080;display:flex;flex-wrap:wrap;margin:0 5px 20px;padding:20px 10px;transition:.3s}section .hobbies .hobby svg{color:#53dd6c;height:20px;transition:.3s;width:100%}section .hobbies .hobby strong{color:#53dd6c;margin-top:15px;text-align:center;transition:.3s;width:100%}section .technical_skills{justify-content:left;padding-right:20px}section .technical_skills img{border-radius:10px;box-shadow:0 0 5px 0 #00000080;height:35px;margin:10px;transition:.3s}section .technical_skills img:hover{box-shadow:none}section .personal_skills{justify-content:left;margin-top:30px}section .personal_skills .skill{background:none;border:1px solid #53dd6c;border-radius:10px;box-shadow:0 0 5px 0 #00000080;display:flex;flex-wrap:wrap;margin:0 10px 20px;padding:10px;transition:.3s}section .personal_skills .skill svg{color:#53dd6c;height:16.5px;margin-right:10px;transition:.3s;width:16.5px}section .personal_skills .skill strong{color:#53dd6c;font-size:14px;transition:.3s}section .project{border:1px solid #53dd6c;border-radius:10px;box-shadow:0 0 15px 0 #00000080;padding:20px}section .project .project_img{margin:auto 0}section .project .project_img img{border:2px solid #53dd6c;border-radius:10px;width:100%}section .project .project_img .social_nav{justify-content:right}section .project .project_img .social_nav a{margin-left:10px!important}section .project .project_desc{padding-left:50px}section .project .project_desc .status{margin:0!important}section .project .project_desc .status .termine{background:#008000bf;border-radius:10px;padding:5px 10px}section .project .project_desc .status .en_cours{background:#ffa500bf;border-radius:10px;padding:5px 10px}section .project .project_desc .status .en_preparation{background:#ff0000bf;border-radius:10px;padding:5px 10px}section .project .project_desc .technos{justify-content:left}section .project .project_desc .technos img{box-shadow:0 0 5px 0 #00000080;margin:10px;transition:.3s}section .project .project_desc .technos img:hover{box-shadow:none!important}section form input.field,section form textarea.field{background:none;border:none;border-bottom:1px solid #fff;color:#fff;font-family:Poppins,sans-serif;font-size:20px;padding:20px;width:100%}section form input.field::placeholder,section form textarea.field::placeholder{color:#fff;font-size:18px}section form input.name{padding-bottom:20px;width:90%}section form input.message{height:100px;margin-bottom:20px}section form label.newsletter{color:#fff;font-size:18px;margin:0 20px}section form select{background:none;border:none;border-bottom:1px solid #fff;color:#fff;font-family:Poppins,sans-serif;font-size:20px;padding:20px;width:10%}section form .form_error{color:#53dd6c;margin-bottom:0!important}footer{margin:0 auto;max-width:1170px;padding:10px 20px}footer .columns .logo,footer .columns .logo img,footer .footer_nav{width:100%}footer .footer_nav .footer_links{list-style:none;text-align:center}@media screen and (max-width:767px){.is-sticky{display:block!important}.columns{justify-content:space-around}.columns .column1_8{width:25%}.columns .column1_4{width:50%}.columns .column1_2,.columns .column1_3,.columns .column2_3,.columns .column3_4{width:100%}.social_nav .column1_8{margin:25px 0}.navbar{position:fixed!important}.navbar,.navbar_links{background-color:#0d0551}.navbar_links{align-items:center;bottom:0;flex-direction:column;height:100vh;justify-content:center!important;padding:2rem;position:fixed;right:-100vw;visibility:hidden;width:100%!important}.navbar_links .navbar_link{display:block;font-size:5vw!important;padding:1.5rem!important}.show-nav .navbar_links{right:0;visibility:visible;width:100vw}.navbar_burger{cursor:pointer;display:block!important;margin-top:20px;position:fixed;right:1rem;top:1rem}.burger_bar,.burger_bar:after,.burger_bar:before{background:#fff;border-radius:3px;display:block;height:3px;position:relative;width:40px}.burger_bar:after,.burger_bar:before{content:"";left:0;position:absolute}.burger_bar:before{transform:translateY(-12px);transition:.3s}.burger_bar:after{transform:translateY(12px);transition:.3s}.show-nav .burger_bar{background:none}.show-nav .burger_bar:before{transform:rotate(45deg)}.show-nav .burger_bar:after{transform:rotate(-45deg)}main .player_card{width:90vw}main .player_card .profil_picture{width:40vw}main .player_card .player_info{margin-top:-75px;padding-top:100px!important}section .project .project_img .social_nav{justify-content:center}section .project .project_desc{padding-left:10px}form{display:flex;flex-wrap:wrap}form input.name{width:70%!important}form select{width:30%!important}}
/*# sourceMappingURL=main.e68ac543.css.map*/