@font-face{font-family:Arvo;font-display:swap;src:url(/fonts/Arvo/arvo-regular.woff2)format("woff2")}@font-face{font-family:Arvo;font-display:swap;src:url(/fonts/Arvo/arvo-bold.woff2)format("woff2");font-weight:700}@font-face{font-family:Arvo;font-display:swap;src:url(/fonts/Arvo/arvo-italic.woff2)format("woff2");font-style:italic}@font-face{font-family:Arvo;font-display:swap;src:url(/fonts/Arvo/arvo-bolditalic.woff2)format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Coolvetica;font-display:swap;src:url(/fonts/Coolvetica/coolvetica_rg.woff2)}@media (prefers-color-scheme:dark){[data-theme=auto]:root{--trunk-color:97, 40, 0;--branch-color:140, 69, 18;--leaf-color:34, 140, 34;--grass-color:14, 94, 14}[data-theme=auto] #parentCont{background-position:top}[data-theme=auto] .timelineItem,[data-theme=auto] .timelineMark:before{background-blend-mode:multiply}}[data-theme=dark]:root{--trunk-color:97, 40, 0;--branch-color:140, 69, 18;--leaf-color:34, 140, 34;--grass-color:14, 94, 14}[data-theme=dark] #parentCont{background-position:top}[data-theme=dark] .timelineItem,[data-theme=dark] .timelineMark:before{background-blend-mode:multiply}@media (prefers-color-scheme:light){[data-theme=auto]:root{--trunk-color:97, 40, 0;--branch-color:140, 69, 18;--leaf-color:34, 140, 34;--grass-color:84, 186, 84}[data-theme=auto] #parentCont{background-position:bottom}[data-theme=auto] .timelineItem,[data-theme=auto] .timelineMark:before{background-blend-mode:saturation}}[data-theme=light]:root{--trunk-color:97, 40, 0;--branch-color:140, 69, 18;--leaf-color:34, 140, 34;--grass-color:84, 186, 84}[data-theme=light] #parentCont{background-position:bottom}[data-theme=light] .timelineItem,[data-theme=light] .timelineMark:before{background-blend-mode:saturation}body{font-family:Arvo,Arial,sans-serif;position:relative;overflow-x:hidden}a{color:#ff8c00}header{background-color:rgb(var(--leaf-color));color:#fff;flex-direction:row;justify-content:center;align-items:center;gap:2ch;padding:1em;display:flex}#backHome{color:inherit;align-items:center;gap:1ch;margin-inline-end:2ch;text-decoration:none;display:flex}#logo{border-radius:100%;height:3em}#parentCont{background-image:radial-gradient(circle at 98% 150px,#eee 50px,#eee5 50px,#0000 200px),radial-gradient(circle at 2% calc(67% + 150px),#ee8 50px,#ee48 50px,#0000 200px),linear-gradient(#000a12 0%,#00283c 35%,#0093ff 64%,#8cd9ff 100%);background-size:100% 300%;flex-direction:column;align-items:center;transition:all 2s ease-in-out;display:flex}#filtersCont{background-color:rgb(var(--branch-color));color:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;width:100%;padding-block:1em;display:flex;& .inputCont{border:1px solid;border-radius:5px;margin:0;padding:5px 10px 5px 5px}& label{transition:all .5s}& input[type=checkbox]:not(:checked,:indeterminate)+label{color:#dd5b5b;text-decoration:line-through}& input[type=checkbox]:checked:not(:indeterminate)+label{color:#5bdd5b}& input[type=checkbox]:checked+label{color:inherit}& input[type=checkbox]:indeterminate:not(:focus,:hover)+label{opacity:.5}}#treeContainer{grid-template-columns:auto 1fr;margin-top:10em;display:grid;position:relative}#animCont{opacity:1;z-index:4;backdrop-filter:blur(20px);border-radius:1em;grid-column:1/-1;font-size:1.5em;transition:all 1s ease-in;position:absolute;inset-block:-10rem 0;inset-inline:-10rem}#animCont.hidden{opacity:0;user-select:none;pointer-events:none;z-index:-1;inset:0}#animActions{flex-direction:column;justify-content:center;align-items:center;gap:2em;height:100vh;display:flex;position:sticky;top:0}#startTreeAnim{font:inherit;color:inherit;cursor:pointer;background-color:#8882;border:none;border-radius:1000px;align-items:center;gap:1ch;padding:10px 20px;text-decoration:none;transition:all .5s;display:flex}#startTreeAnim:hover{background-color:#8888}#startTreeAnim:focus{outline:4px solid}#avoidTreeAnim{font:inherit;cursor:pointer;background-color:#0000;border:none;border-radius:1000px;align-items:center;gap:1ch;padding:10px 20px;font-size:80%;text-decoration:underline;transition:all .5s;display:flex}#avoidTreeAnim:hover{color:#555}#avoidTreeAnim:focus{outline:4px solid}#trunk{background-color:rgb(var(--trunk-color));clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);width:50px;box-shadow:inset -3px 0 13px #0008}#timelineContainer{max-width:80ch;margin-right:20px}.timelineMark{padding-left:1ch;border-bottom:10px dotted rgb(var(--branch-color));z-index:3;padding-block-start:6em;font-family:Dosis,sans-serif;font-size:1.5em;font-style:italic;position:relative}.timelineMark:before{content:"";background-color:rgb(var(--leaf-color));background-image:url(/storage/my_projects/pictures/leafs.png);background-size:2em;border-radius:5000px;width:5em;height:5em;display:block;position:absolute;bottom:50%;left:-3.5em;box-shadow:inset -3px -3px 18px #0006}.timelineItem{background-color:rgb(var(--leaf-color));color:#fff;margin-left:4em;clip-path:ellipse(3em 1em at -3em 3.5em);z-index:2;transform-origin:-4em 3em;background-image:url(/storage/my_projects/pictures/leafs.png);background-size:2em;border-radius:1em;margin-block:3em;padding-inline:1em;transition:all 2s ease-out;display:inline-block;position:relative;box-shadow:0 0 0 #0005}@keyframes float{20%{transform:rotate(.5deg)}80%{transform:rotate(-.5deg)}}.timelineItem:focus-visible{outline:solid 4px rgb(var(--trunk-color))}.timelineItem.whoosh{animation:2s cubic-bezier(.44,0,.56,1) whoosh}@keyframes whoosh{0%,to{transform:rotate(0)}20%{transform:rotate(1deg)}40%{transform:rotate(-1deg)}60%{transform:rotate(.5deg)}80%{transform:rotate(-.5deg)}}.timelineItem.hidden{display:none}.TliVisible{clip-path:ellipse(200% 200%);outline:none;box-shadow:1em 1em 2em #0005}.timelineItem:before{content:"";background-color:rgb(var(--branch-color));border-radius:1em .5em .5em 1em;width:6em;height:1em;position:absolute;top:3em;left:-5.5em;box-shadow:inset 0 -3px 4px #0005}.TliMetadata{margin-right:3em}.TliDate{font-family:Dosis,sans-serif;font-style:italic}.TliType{background-color:rgb(var(--branch-color));color:#eee;border-radius:4px;margin-left:1em;padding-inline:2px;font-family:Dosis,sans-serif;font-weight:700}.openSource{color:#fff;background-color:#3da639;padding-inline:2px;font-size:.8em}.langages{font-family:Cascadia Code,monospace;font-size:.8em;display:inline-block}.langages span{margin-inline:2px;padding-inline:2px}.langWeb{background-color:#be762a}.langPHP{background-color:#4f5b93}.langCSharp{background-color:#390091}.timelineItem h2{opacity:0;border-bottom:2px rgb(var(--branch-color)) dashed;font-family:Coolvetica,Arial,sans-serif;transition:all .5s ease-in-out}.TliVisible h2{opacity:1}.itemDescContainer{opacity:0;transition:all .5s ease-in-out .5s}.TliVisible .itemDescContainer{opacity:1}.TliIcon{background-color:rgb(var(--leaf-color));opacity:0;background-image:url(/storage/my_projects/pictures/leafs.png);background-size:2em;border-radius:.5em;width:2em;height:2em;max-height:100%;padding:.3em;transition:all .5s ease-in-out .75s;position:absolute;top:-1em;right:-1em;box-shadow:1em 1em 2em #0005}.TliVisible .TliIcon{opacity:1}.actionsCont{flex-wrap:wrap;justify-content:space-evenly;gap:2ch;display:flex;position:relative;top:1ch}.actionsCont>*{color:inherit;border-radius:1em;padding:8px 16px;text-decoration:none}.actionsCont>a{background-color:#b22222;background-image:none}.previewBtn{font:inherit;backdrop-filter:blur(5px);cursor:pointer;background-color:#0000;border:2px solid #b22222;font-size:80%;text-decoration:underline}#autoScrollInfo{background:linear-gradient(transparent, rgb(var(--grass-color)) 75%);text-align:center;opacity:0;z-index:4;pointer-events:none;padding:5px;transition:all 1s 1s;position:fixed;bottom:0;left:0;right:0}#autoScrollInfo.visible{opacity:1}.fallingLeaf{pointer-events:none;width:2em;height:2em;transition:all 7s ease-in;position:absolute}#ground{background-color:rgb(var(--grass-color));width:100%;height:2em}#previewContainer{z-index:3;backdrop-filter:blur(10px);opacity:0;background-color:light-dark(#fff8,#0008);padding:10vh 5vw;display:none;position:fixed;inset:0}#previewContainer.visible{opacity:1;display:block}#previewContainer iframe{border:5px solid rgb(var(--trunk-color));background-color:light-dark(#fff,#111);width:100%;height:100%}#closePreview{font:inherit;cursor:pointer;background-color:#8882;border:none;border-radius:1000px;outline:#0000;width:3em;height:3em;transition:all .5s;position:absolute;top:1em;right:1em}#closePreview:hover{background-color:#8888}#closePreview:focus{outline:4px solid}#openPreviewLink{color:inherit;background-color:#8882;border-radius:1000px;align-items:center;gap:1ch;padding:10px 20px;text-decoration:none;display:flex}#openPreviewLink:hover{background-color:#8888}#openPreviewLink:focus{outline:4px solid}#previewActions{justify-content:center;gap:1em;display:flex}@media screen and (width<=500px){#pageTitle{font-size:1em}#filtersCont{gap:.5em}}