@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap);:root{--color-background:#f0f0f0;--color-text:#000;--color-primary:#009dcf;--color-primary-hover:#007ba7;--color-border:#009dcf;--color-border-focus:#0077b6;--separator-color:#000}@media (prefers-color-scheme:dark){:root{--color-background:#151515;--color-text:#fff;--separator-color:#fff}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f0f0;background-color:var(--color-background);color:#000;color:var(--color-text);font-family:Fira Sans,sans-serif;margin:0}h1{font-size:35px;margin-bottom:20px;text-align:center}.sections{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin-left:250px}.separator{background-color:#000;background-color:var(--separator-color);display:block;height:2px;margin:20px auto;width:300px}@media screen and (max-width:768px){.sections{margin-left:80px}.separator{max-width:300px;width:70%}}:root{--background-color-dark:#222;--text-color-dark:#fff;--hover-color-dark:#00bfff;--active-color-dark:#009dcf;--background-color-light:#fff;--text-color-light:#000;--hover-color-light:#07f;--active-color-light:#05c}.navbar{background-color:#222;background-color:var(--background-color-dark);height:100%;left:0;position:fixed;top:0;transition:width .3s;width:250px}.navbar ul{align-items:center;display:flex;flex-direction:column;font-size:20px;height:60%;justify-content:center;list-style-type:none;padding:0}.navbar li{margin-bottom:30px;position:relative}.navbar li:after{background-color:#fff;background-color:var(--text-color-dark);bottom:-10px;content:"";height:1px;left:0;margin:0 auto;position:absolute;right:0;width:100px}.navbar a{align-items:center;color:#fff;color:var(--text-color-dark);display:flex;margin-bottom:10px;overflow:hidden;padding:10px;text-decoration:none;white-space:nowrap}.navbar a span{margin-left:10px}.navbar a:hover{color:#00bfff;color:var(--hover-color-dark)}.navbar .active a{color:#009dcf;color:var(--active-color-dark)}.navbar svg{margin-right:10px}.navbar .Footer{bottom:20px;color:#fff;color:var(--text-color-dark);font-size:12px;left:0;position:absolute;right:0;text-align:center}.navbar .logo-container{margin-bottom:50px;text-align:center}.navbar nav{align-items:center;display:flex;flex-direction:column;justify-content:center}.navbar .logo{top:1px;width:80%}@media (prefers-color-scheme:light){.navbar{background-color:#fff;background-color:var(--background-color-light)}.navbar .Footer,.navbar a{color:#000;color:var(--text-color-light)}.navbar li:after{background-color:#000;background-color:var(--text-color-light)}.navbar a:hover{color:#07f;color:var(--hover-color-light)}.navbar .active a{color:#05c;color:var(--active-color-light)}}@media (max-width:768px){.navbar{width:70px}.navbar a span{margin-left:3px;text-indent:-9999px}.navbar a,.navbar a span{margin-bottom:0}.navbar svg{font-size:22px;margin:30px}.navbar .logo svg{height:500px;width:500px}.navbar .logo-container{margin-bottom:50px;object-fit:fill}.navbar ul{font-size:13px}.navbar a{padding:0}.navbar li{margin-bottom:10px}.navbar li:after{width:50%}}@media (max-width:480px){.Footer p{font-size:10px}}.home{align-items:center;animation:fade-in 1s .3s forwards;background-color:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-left:250px;opacity:0;text-align:center}@keyframes fade-in{to{opacity:1}}.home h1,.home h2{animation:slide-up .3s forwards;opacity:0;transform:translateY(20px)}.home h1{animation-delay:.6s}.home h2{animation-delay:.8s}@keyframes slide-up{to{opacity:1;transform:translateY(0)}}.social-links{animation:fade-in .5s 1s forwards;font-size:30px;margin:20px;opacity:0}.social-links a{color:var(--color-border-focus);margin:0 10px}.social-links button{background-color:initial;border:none;color:var(--color-border-focus);cursor:pointer;font-size:30px}.social-links a:hover,.social-links button:hover{color:var(--color-primary-hover)}hr{width:20%}.discord-pseudo{animation:slide-in .5s forwards;display:inline-block;font-size:24px;margin-left:10px}@keyframes slide-in{0%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.home{margin-left:70px;padding:5px}.home h2{font-size:21px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.informations{background-color:var(--color-background);box-sizing:border-box;color:var(--color-text);overflow:hidden;width:calc(100% - 100px)}.informations h2{animation:fadeIn 1s ease-in-out;color:var(--color-primary)}.intro-photo-section{align-items:center;animation:fadeIn 1s ease-in-out;display:flex;margin-bottom:40px}.intro-photo-section .photo{animation:slideInLeft 1s ease-in-out;margin-right:20px}.intro-photo-section .introduction{animation:slideInRight 1s ease-in-out;flex:1 1}.section.photo img{animation:scaleUp 1s ease-in-out;border:5px solid var(--color-primary);border-radius:50%;height:200px;object-fit:cover;width:200px}.section ul{list-style-type:none;padding:0}.section li{animation:fadeIn 1s ease-in-out;margin-bottom:20px}.section h4{color:var(--color-text);margin-bottom:10px;text-align:center}.section p{margin:0}@media (max-width:768px){.informations{font-size:14px;width:calc(100% - 30px)}.intro-photo-section .photo{margin-right:10px;margin-top:10px}.section.photo img{height:100px;width:100px}}@media (max-width:480px){.intro-photo-section{align-items:center;display:flex;flex-direction:column}}.Skills{color:var(--color-text);text-align:center}.skills-container{margin:0 auto;max-width:1200px;opacity:0;transform:translateY(50px);transition:opacity .6s,transform .6s}.skills-container.loaded{opacity:1;transform:translateY(0)}.skills-columns{display:flex;flex-wrap:wrap;justify-content:space-around}.column{align-items:center;display:flex;flex:1 1;flex-direction:column;margin:10px 80px;min-width:300px;opacity:0;padding:20px;text-align:center;transition:opacity .2s ease-in-out}.skills-container.loaded .column:first-child{opacity:1;transition-delay:.3s}.skills-container.loaded .column:nth-child(2){opacity:1;transition-delay:.6s}.column h3{font-size:29px;margin-bottom:20px}.icons{display:flex;flex-wrap:wrap;justify-content:center}.skill{align-items:center;display:flex;flex-direction:column;margin:20px;position:relative;transition:transform .3s,box-shadow .3s}.skill:hover{box-shadow:0 4px 8px #0003;transform:scale(1.1)}.icons span{font-size:16px;margin-top:10px}.image-icon,.skill-icon{color:var(--color-primary);font-size:80px;padding:20px;width:80px}@media (max-width:1024px){.skills-columns{flex-direction:column;margin-bottom:30px}}@media (max-width:768px){.Skills h1{font-size:32px}.column{margin:5px 0}.icons span{font-size:14px}.image-icon,.skill-icon{font-size:88px}}@media (max-width:425px){.Skills h1{font-size:24px}.icons span{font-size:13px;margin-top:5px}.image-icon,.skill-icon{font-size:40px}.icons{display:flex;flex-direction:column;justify-content:center}}.projets hr{margin-bottom:40px}.project-list{display:flex;flex-wrap:wrap;justify-content:center;opacity:0;transform:translateY(650px);transition:opacity .2s,transform .6s}.project-list.loaded{margin-bottom:30px;opacity:1;transform:translateY(0)}.project-item{background-color:var(--color-background);border:3px solid var(--color-primary);color:var(--color-text);height:250px;margin-bottom:80px;margin-right:30px;max-width:320px;transition:transform .6s ease;width:120%;img{height:100%;object-fit:cover;width:100%}p{font-size:20px;text-align:center}&:hover{transform:scale(1.07)}}.modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000e6;border-radius:5px;box-shadow:0 0 10px #0000004d;left:50%;max-height:90%;max-width:90%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.modal,.modal-content{color:var(--color-text);overflow-y:auto;padding:20px}.modal-content{box-sizing:border-box;height:auto;max-height:calc(100vh - 100px);width:100%;h1,h3,p{text-align:center}p{margin-bottom:40px}a{color:var(--color-primary);text-decoration:none}}.close{color:var(--color-text);cursor:pointer;font-size:40px;position:absolute;right:20px;top:10px}@media (prefers-color-scheme:light){.modal{background-color:#ffffffe6}.close,.modal,.modal-content p{color:#000}.modal-content a{color:var(--color-primary)}}@media (max-width:1024px){.project-item{height:auto;width:40%;& img{object-fit:cover}}.modal{width:70%}}@media (max-width:768px){.project-item{height:auto;margin-right:10px;width:40%}.modal{font-size:14px;width:65%}.close{font-size:30px}}@media (max-width:480px){.project-item{height:auto;margin-right:10px;width:40%}.modal-content{padding:10px}.close{font-size:30px}p{font-size:16px}}.Contact{align-items:center;color:var(--color-text);display:flex;flex-direction:column;padding:0}.Contact h1{margin-bottom:0}.Contact p{font-size:18px;margin-bottom:50px;max-width:800px;text-align:center}input[type=email],input[type=text],textarea{background-color:var(--color-background);border:2px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:16px;margin-bottom:20px;padding:15px;transition:border-color .1s ease;width:90%}input[type=email]:focus,input[type=text]:focus,textarea:focus{border-color:var(--color-border-focus);outline:none}textarea{height:150px}.submit-button{background-color:var(--color-border-focus);border:none;border-radius:30px;color:var(--color-text);cursor:pointer;font-size:16px;padding:15px 30px;transition:background-color .3s ease,transform .3s ease}.submit-button:hover{background-color:var(--color-primary-hover);transform:scale(1.05)}@media (max-width:1024px){.Contact{width:75%}.Contact p{margin-bottom:20px}}.player-container{background:var(--color-primary-hover);border-radius:5px;bottom:15px;flex-direction:column;padding:10px;position:fixed;right:15px;z-index:1000}.player-container,.player-controls{align-items:center;display:flex}.player-controls button,.player-controls span{color:#fff;margin-right:10px}.player-controls button{background:none;border:none;cursor:pointer}.player-controls input[type=range]{width:100px}.autoplay-toggle{align-items:center;display:flex;margin-left:10px}.autoplay-toggle,.autoplay-toggle input[type=checkbox]{margin-right:10px}.consent-container{align-items:center;color:#fff;display:flex;flex-direction:column;position:relative}.consent-container p{font-size:14px;margin-bottom:10px}.consent-container div{display:flex;justify-content:center}.consent-container button{background:none;border:1px solid #fff;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;margin:5px;padding:5px 10px;transition:background-color .3s}.consent-container .close-button{background:none;border:none;bottom:0;color:#fff;cursor:pointer;font-size:12px;position:absolute;right:5px}.consent-container button:hover{background:#fff3}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:12px;position:absolute;right:5px;top:5px}@media (max-width:767px){.player-container{display:none}}
/*# sourceMappingURL=main.804d5895.css.map*/