:root{--background-color: #1a1a2e;--section-background-color: #21213d;--primary-text-color: #f0f0f0;--secondary-text-color: #a0a0a0;--accent-color: #00bfff;--accent-color-hover: #84e0ff;--disabled-color: hsl(195, 20%, 40%);--error-color: #ff1e00}body,html{margin:0;padding:0;font-family:Lato,sans-serif;background-color:var(--background-color);color:var(--primary-text-color)}#lang-switch-container{position:fixed;top:0;right:5%;z-index:10}.introbg{width:100%;height:100vh;position:absolute;top:0;left:0;z-index:0}.intro{position:relative;width:100%;height:100vh;padding:1px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.introtext>h1{text-align:center}.introtext{z-index:2}.introtext>span{position:absolute;bottom:0;right:0}.intro{color:var(--primary-text-color);text-shadow:-1px -1px 3px #000,1px -1px 3px #000,-1px 1px 3px #000,1px 1px 3px #000}.surname{display:inline-block}.skills-keys{list-style:none;padding:0;margin:0;display:flex;gap:10px;font-weight:700;justify-content:center}.intro li:not(:last-child):after{content:"●";margin-left:5px}.bg-fadeout{position:absolute;bottom:0;left:0;right:0;height:10vh;background:linear-gradient(to top,var(--background-color),transparent);z-index:1}.scrollico{position:absolute;bottom:0;left:50%;height:3rem;width:auto;animation:blinking 2s infinite}@keyframes blinking{0%,to{opacity:.2}50%{opacity:1}}.projects>h2{margin-left:5rem;font-size:2.5rem}.project-item{background-color:var(--section-background-color);border-top:1px solid rgba(0,191,255,.4);box-shadow:inset 0 5px 10px #0000004d;margin-bottom:5rem;box-sizing:border-box;overflow:hidden;position:relative}.repolink{position:absolute;right:0;top:0;margin:2rem;color:var(--primary-text-color);background-color:var(--accent-color);padding:.5rem;border:var(--primary-text-color) solid 2px;border-radius:.7rem;box-shadow:inset 0 5px 5px #0000004d,2px 7px 5px #0000004d;transition:all .2s ease;cursor:pointer;text-decoration:none}.repolink.privatecode{opacity:.5;background-color:var(--disabled-color);pointer-events:none}.repolink:hover{background-color:var(--accent-color-hover);transform:scale(1.05)}.repolink>span{margin-left:.5rem;font-weight:bolder;font-size:1.2rem;vertical-align:middle;text-shadow:-1px -1px 1px #000,1px -1px 1px #000,-1px 1px 1px #000,1px 1px 1px #000}.repolink>img{height:2rem;width:auto;vertical-align:middle}@media (max-width: 42rem){.repolink{margin-right:.5rem}.repolink>span{display:none}}.project-footer-toggle{text-align:center;margin-top:15px;padding:15px 20px;cursor:pointer;background:linear-gradient(to top,var(--accent-color),transparent);transition:background .3s ease;position:relative;text-shadow:-1px -1px 1px #000,1px -1px 1px #000,-1px 1px 1px #000,1px 1px 1px #000}.project-item>h3{text-align:center;font-size:2rem;margin:2rem}.project-item .expanded-description{max-height:0;overflow:hidden}.project-item.expanded .expanded-description{max-height:none}.project-content{display:flex;flex-direction:row;justify-content:center}.project-content{margin-left:auto}.project-desc{flex:3 1 0;padding-left:2rem;display:flex;justify-content:flex-end;text-align:left}.project-details{padding:2em}.project-details img{width:60em;height:auto;max-width:100%;margin:1em}.project-illu{flex:2 1 0;display:flex;justify-content:center}.project-icon{height:1.5em;width:auto;vertical-align:middle;padding-left:.5em}.project-illu>img{max-width:100%;max-height:10rem;-webkit-mask-image:linear-gradient(to top,transparent 0%,white 10%),linear-gradient(to right,transparent 0%,white 10%),linear-gradient(to left,transparent 0%,white 10%),linear-gradient(to bottom,transparent 0%,white 10%);mask-image:linear-gradient(to top,transparent 0%,white 10%),linear-gradient(to right,transparent 0%,white 10%),linear-gradient(to left,transparent 0%,white 10%),linear-gradient(to bottom,transparent 0%,white 10%);-webkit-mask-composite:source-in;mask-composite:intersect}.project-footer-toogle:before{content:"bonjour"}.project-footer-toggle:before{content:"";position:absolute;top:0;left:0;right:0;height:10%;background:linear-gradient(to top,transparent,white);transition:opacity .3s ease;opacity:0;pointer-events:none;z-index:1}.project-footer-toggle:hover:before{opacity:1}.project-footer-toggle:hover{background-color:var(--accent-color)}.error-color{color:var(--error-color)}