@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{--color-1: #61dafb;--color-2: #f7f7f7;--color-3: #282c34;--color-4: rgb(32, 35, 42);margin:.4rem auto;max-width:1296px;font-family:Poppins,sans-serif;background-color:var(--color-2);transition:all 2s}html.dark body{--color-2: rgb(32, 35, 42);--color-4: #f7f7f7;--color-3: #f7f7f7}@media (prefers-color-scheme: dark){body{--color-2: rgb(32, 35, 42);--color-4: #f7f7f7;--color-3: #f7f7f7}}li{list-style-type:none}a{text-decoration:none;color:var(--color-3);cursor:pointer}a:visited{color:var(--color-3)}.DarkToggle.react-toggle{position:absolute;z-index:10;right:5px;top:10px}.DarkToggle.react-toggle .react-toggle-thumb{border:none}.DarkToggle.react-toggle.react-toggle .react-toggle-thumb,.DarkToggle.react-toggle.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{box-shadow:0 0 2px 2px var(--color-2)}.DarkToggle.react-toggle .react-toggle-track,.DarkToggle.react-toggle.react-toggle--checked .react-toggle-track,.DarkToggle.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track,.DarkToggle.react-toggle.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background:var(--color-4)}.DarkToggle.react-toggle .react-toggle-track-check{left:6px}.DarkToggle.react-toggle .react-toggle-track-x{right:12px}.DarkToggle.react-toggle .react-toggle-track-check,.DarkToggle.react-toggle .react-toggle-track-x{font-size:13px;line-height:2em;height:100%;text-shadow:0 0 var(--color-2);color:transparent}.navigation{margin:50px 0;display:flex}.navigation a{top:0;left:20px;position:fixed;color:var(--color-4)}.navigation .nav-active:after{content:"";height:2px;background:var(--color-4);display:flex;justify-content:center;align-items:center}.presentation{display:flex;position:relative;top:5px;left:50%;transform:translate(-50%);align-items:center;justify-content:center;box-shadow:0 1px 2px #33333380;cursor:default;background-color:var(--color-4)}.presentation h3{color:var(--color-2);letter-spacing:1px;font-family:"Baloo Thambi 2",cursive}.presentation img{height:34px;width:34px;margin-right:10px;object-fit:cover;border-radius:5em}@media only screen and (max-width: 700px){.presentation{top:25px}}#all{height:60px;width:500px;border-radius:10px;background-color:var(--color-4)}#dev{height:150px;width:100%;background-color:#1d4418}#cg{background-color:#361610}@media only screen and (max-width: 700px){#all{width:100%;border-radius:0}}@keyframes ouverture{0%{height:0px;width:0px}to{height:150px;width:150px}}.preview{height:150px;width:150px;position:relative;margin:10px;box-shadow:0 0 2px #33333340;transition:.3s;overflow:hidden;cursor:default;text-align:center;justify-content:center;animation-name:ouverture;animation-duration:1s}.preview:hover{transform:scale(1.25);z-index:2}.preview img{object-fit:cover;height:150px;width:160px}.preview .project_logo{position:absolute;top:0;opacity:.8;width:220px;height:220px;background-repeat:no-repeat;transform:translate(-40px,-40px);transform:scale(.3)}.preview .project_logo:hover{opacity:.8}.preview .project_logo.video{background-image:url(../../assets/logo/video_logo.png)}.preview .project_logo.webgl{background-image:url(../../assets/logo/webgl_logo.png)}.preview .data-container{position:absolute;top:0;opacity:0;width:100%;height:100%;transition:.2s}.preview .data-container:hover{opacity:1}.preview .data-container:hover ul{transform:scaleY(1)}.preview .data-container ul{color:var(--color-2);padding-top:5px;display:grid;height:100%;width:100%;text-align:center;transition:.3s;transform:scaleY(.3);z-index:20}html.dark .preview .data-container ul{color:var(--color-4)}@media (prefers-color-scheme: dark){.preview .data-container ul{color:var(--color-4)}}.preview .data-container:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;transition:.02s}.preview .data-container:hover:after{background:#000000a6}@media only screen and (max-width: 700px){.preview .data-container ul{transform:scaleY(1)}}.preview li{font-size:.8rem;z-index:30}.preview li:nth-child(1){font-weight:700;color:var(--color-2)}html.dark .preview li:nth-child(1){color:var(--color-4)}@media (prefers-color-scheme: dark){.preview li:nth-child(1){color:var(--color-4)}}.projects{width:100%}.projects .sort-container{display:flex;z-index:25;position:relative;top:-50px;width:100%;justify-content:center;font-size:1em}.projects .sort-container ul{display:flex;justify-content:space-around}.projects .sort-container ul input[type=radio]{transform:translate(-5px,1px)}.projects .sort-container li{background:var(--color-3);padding:8px;margin-left:8px;color:var(--color-2)}.projects .sort-container li:hover{background:var(--color-4)}@media only screen and (max-width: 700px){.projects .sort-container{font-size:.8em}.projects .sort-container li{padding:2px;margin-left:8px;margin-right:0}.projects .sort-container ul input[type=radio]{transform:translate(-.5px);width:.5em;height:.5em}}.projects .cancel{margin:-40px auto 0;width:10%;height:5%;z-index:80;color:var(--color-4)}.projects .cancel h5{border:1px var(--color-3) solid;text-align:center;width:180px;margin:0 auto;border-radius:10px;transition:.3s;cursor:pointer}.projects .cancel h5:hover{background:var(--color-3);border-color:var(--color-3);color:var(--color-2)}.projects .projects-list{display:flex;flex-wrap:wrap;transition:all 1s;width:100%;justify-content:center}.projects .projects-list.select{animation-name:opening;animation-duration:1s;overflow:auto;animation-fill-mode:forwards;position:fixed}.projects .projects-list.deselect{animation-name:opening;animation-duration:1s;animation-direction:reverse;animation-fill-mode:forwards}@keyframes opening{0%{width:100%}25%{width:100%;opacity:0}50%{opacity:0;width:20%;height:100%}to{opacity:1;width:20%;height:100%}}@media only screen and (max-width: 700px){.projects .projects-list.select{visibility:hidden;display:none}.projects .cancel.select{display:none}}.lang{display:flex;width:100px;position:absolute;right:0;top:1em}.lang img{margin-left:.5em;border-radius:.2em}.lang img:hover{transform:scale(1.25);z-index:2}.lang img:active{transform:scale(1.1);z-index:2}.footer,footer{position:fixed;bottom:0;left:0;width:100%;height:2em;z-index:15;text-align:center;background-color:var(--color-4);color:var(--color-2)}.footer .iconeContact,footer .iconeContact{width:2em;height:2em;margin-left:.2em;margin-right:.2em;opacity:.7;transition:all .1s}.footer .iconeContact:hover,footer .iconeContact:hover{opacity:1}.footer a,footer a{text-decoration:none;color:var(--text-primary)}.footer img,footer img{object-fit:cover}.description{width:80%;height:80%;position:absolute;z-index:15;color:var(--color-4);margin-left:20%;margin-top:2%}.description img{width:70%;object-fit:cover}.description iframe{width:100%;height:100%}@media only screen and (max-width: 700px){.description{width:100%;margin-left:0%;margin-top:2%;justify-content:center}.description img{width:100%;object-fit:cover}}.description.deselect{display:none;visibility:hidden}.button{position:fixed;border-radius:5em;width:3em;height:3em;z-index:50;background-color:#ffffff59}.button:hover{background-color:gray}.button:active{background-color:#636363}#button_L{left:2%;top:50%}#button_R{right:2%;top:50%}#button_exit{right:2%;top:20%;background-image:url(../../assets/icons/outline_highlight_off_black_24dp.png)}@media only screen and (max-width: 700px){#button_exit{top:30%}}.video{width:100%;height:100%;object-fit:cover}