diff --git a/0010b761.webp b/0010b761.webp deleted file mode 100644 index 6a4c255..0000000 Binary files a/0010b761.webp and /dev/null differ diff --git a/02b63622.webp b/02b63622.webp new file mode 100644 index 0000000..fc723ed Binary files /dev/null and b/02b63622.webp differ diff --git a/0480853e.webp b/0480853e.webp new file mode 100644 index 0000000..316ced2 Binary files /dev/null and b/0480853e.webp differ diff --git a/05f81d8c.webp b/05f81d8c.webp new file mode 100644 index 0000000..2956505 Binary files /dev/null and b/05f81d8c.webp differ diff --git a/09e0f5ad.webp b/09e0f5ad.webp deleted file mode 100644 index c06f92f..0000000 Binary files a/09e0f5ad.webp and /dev/null differ diff --git a/0a5b5da4.webp b/0a5b5da4.webp deleted file mode 100644 index 111c17b..0000000 Binary files a/0a5b5da4.webp and /dev/null differ diff --git a/0f331b3f.webp b/0f331b3f.webp new file mode 100644 index 0000000..fa486b7 Binary files /dev/null and b/0f331b3f.webp differ diff --git a/11e0d825.webp b/11e0d825.webp new file mode 100644 index 0000000..6ca862d Binary files /dev/null and b/11e0d825.webp differ diff --git a/1d8cb852.webp b/1d8cb852.webp deleted file mode 100644 index 2c3c1a3..0000000 Binary files a/1d8cb852.webp and /dev/null differ diff --git a/1e64e7a0.webp b/1e64e7a0.webp deleted file mode 100644 index caffbee..0000000 Binary files a/1e64e7a0.webp and /dev/null differ diff --git a/24bb755d.webp b/24bb755d.webp deleted file mode 100644 index 138b7ce..0000000 Binary files a/24bb755d.webp and /dev/null differ diff --git a/27b09f8c.webp b/27b09f8c.webp new file mode 100644 index 0000000..f769d8d Binary files /dev/null and b/27b09f8c.webp differ diff --git a/2a9d155d.webp b/2a9d155d.webp new file mode 100644 index 0000000..5e19952 Binary files /dev/null and b/2a9d155d.webp differ diff --git a/2b7e4c31.webp b/2b7e4c31.webp new file mode 100644 index 0000000..c563477 Binary files /dev/null and b/2b7e4c31.webp differ diff --git a/36d91d27.webp b/36d91d27.webp deleted file mode 100644 index 9f79d36..0000000 Binary files a/36d91d27.webp and /dev/null differ diff --git a/396360e0.webp b/396360e0.webp deleted file mode 100644 index 66e9f1c..0000000 Binary files a/396360e0.webp and /dev/null differ diff --git a/3c2f5122.webp b/3c2f5122.webp deleted file mode 100644 index 6fccaff..0000000 Binary files a/3c2f5122.webp and /dev/null differ diff --git a/3d510952.webp b/3d510952.webp new file mode 100644 index 0000000..6c09c70 Binary files /dev/null and b/3d510952.webp differ diff --git a/414d652e.webp b/414d652e.webp deleted file mode 100644 index 410532c..0000000 Binary files a/414d652e.webp and /dev/null differ diff --git a/43a05b98.webp b/43a05b98.webp deleted file mode 100644 index eb7fdef..0000000 Binary files a/43a05b98.webp and /dev/null differ diff --git a/4d933169.webp b/4d933169.webp new file mode 100644 index 0000000..1c91894 Binary files /dev/null and b/4d933169.webp differ diff --git a/4deea24c.webp b/4deea24c.webp new file mode 100644 index 0000000..5362db3 Binary files /dev/null and b/4deea24c.webp differ diff --git a/55aea124.webp b/55aea124.webp new file mode 100644 index 0000000..da61f05 Binary files /dev/null and b/55aea124.webp differ diff --git a/5864d71b.webp b/5864d71b.webp new file mode 100644 index 0000000..1cbc289 Binary files /dev/null and b/5864d71b.webp differ diff --git a/5fde561f.webp b/5fde561f.webp new file mode 100644 index 0000000..7a3711f Binary files /dev/null and b/5fde561f.webp differ diff --git a/621cb023.webp b/621cb023.webp deleted file mode 100644 index 2a9739d..0000000 Binary files a/621cb023.webp and /dev/null differ diff --git a/6edd089d.webp b/6edd089d.webp deleted file mode 100644 index b4045f4..0000000 Binary files a/6edd089d.webp and /dev/null differ diff --git a/76da02d0.webp b/76da02d0.webp new file mode 100644 index 0000000..da31512 Binary files /dev/null and b/76da02d0.webp differ diff --git a/7c1ab9e1.webp b/7c1ab9e1.webp new file mode 100644 index 0000000..02934fd Binary files /dev/null and b/7c1ab9e1.webp differ diff --git a/7d2488b6.webp b/7d2488b6.webp deleted file mode 100644 index ce07fd0..0000000 Binary files a/7d2488b6.webp and /dev/null differ diff --git a/7e29e00b.webp b/7e29e00b.webp new file mode 100644 index 0000000..6dbedac Binary files /dev/null and b/7e29e00b.webp differ diff --git a/843dce77.webp b/843dce77.webp new file mode 100644 index 0000000..c94ea49 Binary files /dev/null and b/843dce77.webp differ diff --git a/8815cd3b.webp b/8815cd3b.webp deleted file mode 100644 index 04a90d6..0000000 Binary files a/8815cd3b.webp and /dev/null differ diff --git a/88bbbe7c.webp b/88bbbe7c.webp deleted file mode 100644 index cd84476..0000000 Binary files a/88bbbe7c.webp and /dev/null differ diff --git a/8ce92ad0.webp b/8ce92ad0.webp deleted file mode 100644 index d1e0c21..0000000 Binary files a/8ce92ad0.webp and /dev/null differ diff --git a/919f5bdd.webp b/919f5bdd.webp deleted file mode 100644 index 8a2e61f..0000000 Binary files a/919f5bdd.webp and /dev/null differ diff --git a/932e8bc4.webp b/932e8bc4.webp new file mode 100644 index 0000000..2ec8420 Binary files /dev/null and b/932e8bc4.webp differ diff --git a/9590813e.webp b/9590813e.webp new file mode 100644 index 0000000..30867ab Binary files /dev/null and b/9590813e.webp differ diff --git a/98a217c0.webp b/98a217c0.webp new file mode 100644 index 0000000..453a4ca Binary files /dev/null and b/98a217c0.webp differ diff --git a/9d7ec3ed.webp b/9d7ec3ed.webp new file mode 100644 index 0000000..9e0fda5 Binary files /dev/null and b/9d7ec3ed.webp differ diff --git a/a02c2573.webp b/a02c2573.webp deleted file mode 100644 index 858cd32..0000000 Binary files a/a02c2573.webp and /dev/null differ diff --git a/a1d058f2.webp b/a1d058f2.webp deleted file mode 100644 index b280549..0000000 Binary files a/a1d058f2.webp and /dev/null differ diff --git a/b0468889.webp b/b0468889.webp deleted file mode 100644 index ddcca16..0000000 Binary files a/b0468889.webp and /dev/null differ diff --git a/b46b34ec.webp b/b46b34ec.webp deleted file mode 100644 index fee6a23..0000000 Binary files a/b46b34ec.webp and /dev/null differ diff --git a/b48bd51b.webp b/b48bd51b.webp new file mode 100644 index 0000000..6e61aef Binary files /dev/null and b/b48bd51b.webp differ diff --git a/b828e52b.webp b/b828e52b.webp new file mode 100644 index 0000000..413ffc3 Binary files /dev/null and b/b828e52b.webp differ diff --git a/bb004c69.webp b/bb004c69.webp deleted file mode 100644 index 00f6fa7..0000000 Binary files a/bb004c69.webp and /dev/null differ diff --git a/bbe5d661.webp b/bbe5d661.webp new file mode 100644 index 0000000..976bcce Binary files /dev/null and b/bbe5d661.webp differ diff --git a/c18459d6.webp b/c18459d6.webp new file mode 100644 index 0000000..b15f7c5 Binary files /dev/null and b/c18459d6.webp differ diff --git a/d1b486a9.webp b/d1b486a9.webp deleted file mode 100644 index 4548d78..0000000 Binary files a/d1b486a9.webp and /dev/null differ diff --git a/d2f4a479.webp b/d2f4a479.webp deleted file mode 100644 index a31db9d..0000000 Binary files a/d2f4a479.webp and /dev/null differ diff --git a/d4aa5682.webp b/d4aa5682.webp deleted file mode 100644 index e8814ea..0000000 Binary files a/d4aa5682.webp and /dev/null differ diff --git a/db2d5230.webp b/db2d5230.webp new file mode 100644 index 0000000..ef2997e Binary files /dev/null and b/db2d5230.webp differ diff --git a/dcccc54b.webp b/dcccc54b.webp deleted file mode 100644 index 5669b19..0000000 Binary files a/dcccc54b.webp and /dev/null differ diff --git a/dd95464b.webp b/dd95464b.webp deleted file mode 100644 index 94c43d9..0000000 Binary files a/dd95464b.webp and /dev/null differ diff --git a/e1c79bf4.webp b/e1c79bf4.webp new file mode 100644 index 0000000..5ed4c01 Binary files /dev/null and b/e1c79bf4.webp differ diff --git a/e2cdeb8a.webp b/e2cdeb8a.webp new file mode 100644 index 0000000..02b2e2f Binary files /dev/null and b/e2cdeb8a.webp differ diff --git a/e4e49d4b.webp b/e4e49d4b.webp deleted file mode 100644 index 4bd5bee..0000000 Binary files a/e4e49d4b.webp and /dev/null differ diff --git a/ecb306be.webp b/ecb306be.webp deleted file mode 100644 index ec8dfff..0000000 Binary files a/ecb306be.webp and /dev/null differ diff --git a/f6fcc8ce.webp b/f6fcc8ce.webp new file mode 100644 index 0000000..a1d6f26 Binary files /dev/null and b/f6fcc8ce.webp differ diff --git a/index.html b/index.html index a858c5e..eaeaf05 100644 --- a/index.html +++ b/index.html @@ -2,16 +2,16 @@ .image{overflow:hidden;position:relative;z-index:-1}.image img{max-width:100%;max-height:100%} .figure-container{box-shadow:var(--inset-shadow);position:relative;cursor:pointer;user-select:none;-webkit-user-select:none}.figure-container>.start-button{display:block;box-sizing:content-box;cursor:pointer;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:calc(var(--large-icon-size) + var(--normal-margin)*2);height:calc(var(--large-icon-size) + var(--normal-margin)*2)}.figure-container>.start-button:hover svg{transform:translateX(-50%) translateY(-50%) scale(1.15)}.figure-container>.start-button svg{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:var(--large-icon-size);height:var(--large-icon-size);transition:transform var(--transition-time);transform-origin:center center}.figure-container>.start-button:hover>svg{box-shadow:var(--shadow)}.figure-container>.start-button>svg{border-radius:1000px;backdrop-filter:blur(var(--blur-radius));-webkit-backdrop-filter:blur(var(--blur-radius));transition:transform var(--transition-time),box-shadow var(--transition-time)}@supports not ((backdrop-filter: blur(var(--blur-radius))) or (-webkit-backdrop-filter: blur(var(--blur-radius)))){.figure-container>.start-button>svg{background-color:var(--card-color)}}.figure-container>.start-button.inverted>svg{fill:var(--accent-color)} -#about{box-shadow:var(--shadow);padding:var(--normal-margin);background-color:var(--accent-color)}@media(max-width: 699px){#about :focus:not(:hover){outline:var(--very-light-text-color) solid var(--line-width)}#about>.profile-picture{width:11rem;height:11rem;margin:auto}#about>h1{text-align:center;margin-top:calc(var(--line-height) + 4px)}}@media(min-width: 700px){#about{width:var(--body-width);margin:calc(var(--normal-margin) + 12.5rem * 1 / 3) auto var(--large-margin) auto;border-radius:var(--border-radius)}#about>.profile-picture>.figure-container{width:12.5rem;height:12.5rem;position:absolute;left:calc(-4.1666666667rem - var(--normal-margin));top:calc(-4.1666666667rem - var(--normal-margin))}#about>.profile-picture>.placeholder{width:calc(12.5rem * 2 / 3 - var(--normal-margin));height:calc(12.5rem * 2 / 3 - var(--normal-margin));box-sizing:content-box;float:left;margin:0 .75ex .2ex 0}#about>p{text-align:justify}}#about ::selection{background-color:var(--very-light-text-color);color:var(--accent-color)}#about>h1,#about>.profile-picture>.placeholder{font:400 3rem "Comfortaa",sans-serif;color:var(--normal-text-color);line-height:1}@media(max-width: 699px){#about>h1,#about>.profile-picture>.placeholder{font-size:3rem;line-height:1.1}}#about>.profile-picture{position:relative;z-index:1}#about>.profile-picture .figure-container,#about>.profile-picture .figure-container>.image{border-radius:100%}#about>h1,#about>p,#about a{color:var(--very-light-text-color)}#about>h1 :focus:not(:hover),#about>p :focus:not(:hover),#about a :focus:not(:hover){outline:var(--very-light-text-color) solid var(--line-width)}#about>p{margin-top:var(--line-height)}#about a{border-bottom:2px solid var(--very-light-text-color)} -#theme-switcher{cursor:pointer;background-color:var(--accent-color);-webkit-appearance:none;-moz-appearance:none;display:block;width:calc(2 * var(--icon-size));height:var(--icon-size);border-radius:1000px;box-shadow:inset 0 0 10px 2px rgba(0,0,0,.175),inset 0 0 1px rgba(0,0,0,.4)}@media(min-width: 700px){#theme-switcher{position:absolute;top:var(--normal-margin);right:var(--normal-margin)}}@media(max-width: 699px){#theme-switcher{position:relative;margin:var(--normal-margin) auto 0 auto}}#theme-switcher:before{width:calc(0.7 * var(--icon-size));height:calc(0.7 * var(--icon-size))}#theme-switcher:after{width:calc(calc(0.7 * var(--icon-size)) * 0.8);height:calc(calc(0.7 * var(--icon-size)) * 0.8)}#theme-switcher:before,#theme-switcher:after{content:"";position:absolute;display:block;border-radius:1000px;top:50%;transform:translateY(-50%);transition:transform var(--transition-time),background-color var(--transition-time)}#theme-switcher:not(:checked):before{transform:translateY(-50%) translateX(calc(3 * calc((var(--icon-size) - calc(0.7 * var(--icon-size))) / 2) + calc(0.7 * var(--icon-size))));animation:shine 2s linear alternate infinite;background-color:var(--sun-color)}@keyframes shine{from{filter:brightness(1.01);box-shadow:0 0 4px 2px var(--sun-color)}to{filter:brightness(1.2);box-shadow:0 0 15px 2px var(--sun-color)}}#theme-switcher:not(:checked):after{transform:translateY(-50%) translateX(calc(var(--icon-size) * 2 - calc(0.7 * var(--icon-size))))}#theme-switcher:checked:before{background-color:var(--normal-text-color);transform:translateY(-50%) translateX(calc((var(--icon-size) - calc(0.7 * var(--icon-size))) / 2))}#theme-switcher:checked:after{background-color:var(--accent-color);transform:translateY(-50%) translateX(calc(calc((var(--icon-size) - calc(0.7 * var(--icon-size))) / 2) + calc(0.7 * var(--icon-size)) * 0.33))} +#about{box-shadow:var(--shadow);padding:var(--normal-margin);background-color:var(--accent-color)}@media(max-width: 699px){#about :focus:not(:hover){outline:var(--very-light-text-color) solid var(--line-width)}#about>.profile-picture{width:11rem;height:11rem;margin:auto}#about>h1{text-align:center;margin-top:calc(var(--line-height) + 4px)}}@media(min-width: 700px){#about{width:var(--body-width);margin:calc(var(--normal-margin) + 12.5rem*1/3) auto var(--large-margin) auto;border-radius:var(--border-radius)}#about>.profile-picture>.figure-container{width:12.5rem;height:12.5rem;position:absolute;left:calc(-4.1666666667rem - var(--normal-margin));top:calc(-4.1666666667rem - var(--normal-margin))}#about>.profile-picture>.placeholder{width:calc(12.5rem*2/3 - var(--normal-margin));height:calc(12.5rem*2/3 - var(--normal-margin));box-sizing:content-box;float:left;margin:0 .75ex .2ex 0}#about>p{text-align:justify}}#about ::selection{background-color:var(--very-light-text-color);color:var(--accent-color)}#about>h1,#about>.profile-picture>.placeholder{font:400 3rem "Comfortaa",sans-serif;color:var(--normal-text-color);line-height:1}@media(max-width: 699px){#about>h1,#about>.profile-picture>.placeholder{font-size:3rem;line-height:1.1}}#about>.profile-picture{position:relative;z-index:1}#about>.profile-picture .figure-container,#about>.profile-picture .figure-container>.image{border-radius:100%}#about>h1,#about>p,#about a{color:var(--very-light-text-color)}#about>h1 :focus:not(:hover),#about>p :focus:not(:hover),#about a :focus:not(:hover){outline:var(--very-light-text-color) solid var(--line-width)}#about>p{margin-top:var(--line-height)}#about a{border-bottom:2px solid var(--very-light-text-color)} +#theme-switcher{cursor:pointer;background-color:var(--accent-color);-webkit-appearance:none;-moz-appearance:none;display:block;width:calc(2*var(--icon-size));height:var(--icon-size);border-radius:1000px;box-shadow:inset 0 0 10px 2px rgba(0,0,0,.175),inset 0 0 1px rgba(0,0,0,.4)}@media(min-width: 700px){#theme-switcher{position:absolute;top:var(--normal-margin);right:var(--normal-margin)}}@media(max-width: 699px){#theme-switcher{position:relative;margin:var(--normal-margin) auto 0 auto}}#theme-switcher:before{width:calc(.7*var(--icon-size));height:calc(.7*var(--icon-size))}#theme-switcher:after{width:calc(calc(0.7 * var(--icon-size))*.8);height:calc(calc(0.7 * var(--icon-size))*.8)}#theme-switcher:before,#theme-switcher:after{content:"";position:absolute;display:block;border-radius:1000px;top:50%;transform:translateY(-50%);transition:transform var(--transition-time),background-color var(--transition-time)}#theme-switcher:not(:checked):before{transform:translateY(-50%) translateX(calc(3 * calc((var(--icon-size) - calc(0.7 * var(--icon-size))) / 2) + calc(0.7 * var(--icon-size))));animation:shine 2s linear alternate infinite;background-color:var(--sun-color)}@keyframes shine{from{filter:brightness(1.01);box-shadow:0 0 4px 2px var(--sun-color)}to{filter:brightness(1.2);box-shadow:0 0 15px 2px var(--sun-color)}}#theme-switcher:not(:checked):after{transform:translateY(-50%) translateX(calc(var(--icon-size) * 2 - calc(0.7 * var(--icon-size))))}#theme-switcher:checked:before{background-color:var(--normal-text-color);transform:translateY(-50%) translateX(calc((var(--icon-size) - calc(0.7 * var(--icon-size))) / 2))}#theme-switcher:checked:after{background-color:var(--accent-color);transform:translateY(-50%) translateX(calc(calc((var(--icon-size) - calc(0.7 * var(--icon-size))) / 2) + calc(0.7 * var(--icon-size)) * 0.33))} #image-viewer{display:flex;align-items:center;justify-content:center;backdrop-filter:blur(var(--blur-radius));-webkit-backdrop-filter:blur(var(--blur-radius));visibility:hidden;position:fixed;left:0;top:0;width:100%;height:100%}@supports not ((backdrop-filter: blur(var(--blur-radius))) or (-webkit-backdrop-filter: blur(var(--blur-radius)))){#image-viewer{background-color:var(--card-color)}}#image-viewer img{width:auto;height:auto;box-shadow:var(--shadow);max-width:80%;max-height:80%}@media(max-width: 699px){#image-viewer img{max-width:95%;max-height:80%}}#image-viewer #cancel{display:block;box-sizing:content-box;cursor:pointer;width:calc(var(--large-icon-size) + var(--normal-margin)*2);height:calc(var(--large-icon-size) + var(--normal-margin)*2);position:absolute;right:0;top:0}#image-viewer #cancel:hover svg{transform:translateX(-50%) translateY(-50%) scale(1.15)}#image-viewer #cancel svg{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:var(--large-icon-size);height:var(--large-icon-size);transition:transform var(--transition-time);transform-origin:center center}#image-viewer #cancel:focus:not(:hover){outline:var(--very-light-text-color) solid var(--line-width)} .link{border-bottom:2px solid var(--special-text-color)} main{height:100%;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth;background:rgba(0,0,0,.005)}@media(hover: hover){main::-webkit-scrollbar-track,main::-webkit-scrollbar{background-color:rgba(0,0,0,0);width:12px}main::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:var(--border-radius)}}main>.blob{top:0;position:absolute;width:140px;border-radius:1000px;transition:background-color var(--transition-time)}main>.blob:nth-child(odd){background-color:#fff9e0}main>.blob:nth-child(even){background-color:#ffd6d6}@media print{main>.blob{display:none}}html[theme=dark] main>.blob{background-color:#2c477a} .image-button{display:block;box-sizing:content-box;cursor:pointer;padding:var(--small-margin) 8px;text-align:center}.image-button:hover svg{transform:translateX(-50%) translateY(-50%) scale(1.15)}.image-button svg{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:var(--icon-size);height:var(--icon-size);transition:transform var(--transition-time);transform-origin:center center}.image-button .svg-container{position:relative;margin:auto;width:var(--icon-size);height:var(--icon-size)}.image-button .svg-container>svg{transition:stroke var(--transition-time),transform var(--transition-time)}.image-button p{font-size:.9rem;font-style:italic;text-align:center} -.timeline-element{display:flex;width:var(--body-width);margin:auto}.timeline-element>.line-container{position:relative;transform:translate3d(0, 0, 0)}.timeline-element>.line-container>.line{height:calc(33% - var(--icon-size) / 2)}.timeline-element>.line-container>.line:before{height:calc(100% - 33% - var(--icon-size) / 2)}.timeline-element>.line-container>.line:after{top:calc(33% - var(--icon-size) / 2)}.timeline-element>.line-container>.date{top:calc(33% - 0.5ch)}.timeline-element>.line-container>.line,.timeline-element>.line-container>.line:before{background:var(--accent-color);width:var(--line-width)}.timeline-element>.line-container>.line:before,.timeline-element>.line-container>.line:after{content:"";position:absolute}.timeline-element>.line-container>.line:before{left:0;bottom:0}.timeline-element>.line-container>.line:after{width:var(--icon-size);height:var(--icon-size);border-radius:1000px;border:var(--line-width) solid var(--accent-color);left:calc((var(--line-width) - var(--icon-size))/2)}.timeline-element>.line-container>.date{font:400 1rem "Open Sans",sans-serif;color:var(--special-text-color);hyphens:auto;font-style:italic;position:absolute;transform-origin:left center;transform:rotate(30deg) translateX(calc(var(--icon-size) / 2 + 6px)) translateY(-10%);padding-right:var(--normal-margin)}.timeline-element>.card{backdrop-filter:blur(var(--blur-radius));-webkit-backdrop-filter:blur(var(--blur-radius));box-shadow:var(--shadow);overflow:hidden;border-radius:var(--border-radius);background-color:var(--blurred-card-color);transition:background-color var(--transition-time)}@supports not ((backdrop-filter: blur(var(--blur-radius))) or (-webkit-backdrop-filter: blur(var(--blur-radius)))){.timeline-element>.card{background-color:var(--card-color)}}.timeline-element>.card>.figure-container{border-radius:var(--border-radius) var(--border-radius) 0 0}.timeline-element>.card>.lower>*{padding:0 var(--normal-margin);margin-top:var(--small-margin)}.timeline-element>.card>.lower>h2{text-align:center;margin-bottom:-6px}.timeline-element>.card>.lower>h2>a{font:400 1.75rem "Comfortaa",sans-serif;color:var(--normal-text-color);hyphens:auto;position:relative}.timeline-element>.card>.lower>h2>a:before{content:"#";position:absolute;left:-0.5ch;top:50%;opacity:0;transform:translateX(-100%) translateY(-50%);transition:opacity var(--transition-time)}.timeline-element>.card>.lower>h2>a:hover:before{opacity:.5}.timeline-element>.card>.lower>.description{text-align:center;padding:0 var(--large-margin)}.timeline-element>.card>.lower>.more{overflow:hidden;margin:0;height:0;transition:height var(--transition-time-long)}.timeline-element>.card>.lower>.more>p{margin-top:var(--line-height)}.timeline-element>.card>.lower>.buttons{display:flex;justify-content:center;border-top:1px solid var(--normal-text-color);margin:0;padding:0;margin-top:var(--small-margin)}.timeline-element>.card>.lower>.buttons>*{flex:1}.timeline-element>.card>.lower>.buttons>*:not(:last-child){border-right:1px solid var(--normal-text-color)}@media(min-width: 700px){.timeline-element:first-of-type>.line-container>.line{border-radius:100px 100px 0 0}.timeline-element:last-of-type>.line-container>.line:before{border-radius:0 0 100px 100px}.timeline-element>.line-container{min-width:10rem}.timeline-element:not(:first-of-type)>.card{margin-top:var(--large-margin)}}@media(max-width: 699px){.timeline-element{flex-direction:column;align-items:center}.timeline-element>.line-container{height:150px;min-width:64%}.timeline-element>.line-container>.line{height:calc(50% - var(--icon-size) / 2)}.timeline-element>.line-container>.line:before{height:calc(100% - 50% - var(--icon-size) / 2)}.timeline-element>.line-container>.line:after{top:calc(50% - var(--icon-size) / 2)}.timeline-element>.line-container>.date{top:calc(50% - 0.5ch)}.timeline-element>.line-container>.date{transform:translateX(calc(var(--icon-size) / 2 + 12px)) translateY(-10%)}} +.timeline-element{display:flex;width:var(--body-width);margin:auto}.timeline-element>.line-container{position:relative;transform:translate3d(0, 0, 0)}.timeline-element>.line-container>.line{height:calc(33% - var(--icon-size)/2)}.timeline-element>.line-container>.line:before{height:calc(100% - 33% - var(--icon-size)/2)}.timeline-element>.line-container>.line:after{top:calc(33% - var(--icon-size)/2)}.timeline-element>.line-container>.date{top:calc(33% - .5ch)}.timeline-element>.line-container>.line,.timeline-element>.line-container>.line:before{background:var(--accent-color);width:var(--line-width)}.timeline-element>.line-container>.line:before,.timeline-element>.line-container>.line:after{content:"";position:absolute}.timeline-element>.line-container>.line:before{left:0;bottom:0}.timeline-element>.line-container>.line:after{width:var(--icon-size);height:var(--icon-size);border-radius:1000px;border:var(--line-width) solid var(--accent-color);left:calc((var(--line-width) - var(--icon-size))/2)}.timeline-element>.line-container>.date{font:400 1rem "Open Sans",sans-serif;color:var(--special-text-color);hyphens:auto;font-style:italic;position:absolute;transform-origin:left center;transform:rotate(30deg) translateX(calc(var(--icon-size) / 2 + 6px)) translateY(-10%);padding-right:var(--normal-margin)}.timeline-element>.card{backdrop-filter:blur(var(--blur-radius));-webkit-backdrop-filter:blur(var(--blur-radius));box-shadow:var(--shadow);overflow:hidden;border-radius:var(--border-radius);background-color:var(--blurred-card-color);transition:background-color var(--transition-time)}@supports not ((backdrop-filter: blur(var(--blur-radius))) or (-webkit-backdrop-filter: blur(var(--blur-radius)))){.timeline-element>.card{background-color:var(--card-color)}}.timeline-element>.card>.figure-container{border-radius:var(--border-radius) var(--border-radius) 0 0}.timeline-element>.card>.lower>*{padding:0 var(--normal-margin);margin-top:var(--small-margin)}.timeline-element>.card>.lower>h2{text-align:center;margin-bottom:-6px}.timeline-element>.card>.lower>h2>a{font:400 1.75rem "Comfortaa",sans-serif;color:var(--normal-text-color);hyphens:auto;position:relative}.timeline-element>.card>.lower>h2>a:before{content:"#";position:absolute;left:-0.5ch;top:50%;opacity:0;transform:translateX(-100%) translateY(-50%);transition:opacity var(--transition-time)}.timeline-element>.card>.lower>h2>a:hover:before{opacity:.5}.timeline-element>.card>.lower>.description{text-align:center;padding:0 var(--large-margin)}.timeline-element>.card>.lower>.more{overflow:hidden;margin:0;height:0;transition:height var(--transition-time-long)}.timeline-element>.card>.lower>.more>p{margin-top:var(--line-height)}.timeline-element>.card>.lower>.buttons{display:flex;justify-content:center;border-top:1px solid var(--normal-text-color);margin:0;padding:0;margin-top:var(--small-margin)}.timeline-element>.card>.lower>.buttons>*{flex:1}.timeline-element>.card>.lower>.buttons>*:not(:last-child){border-right:1px solid var(--normal-text-color)}@media(min-width: 700px){.timeline-element:first-of-type>.line-container>.line{border-radius:100px 100px 0 0}.timeline-element:last-of-type>.line-container>.line:before{border-radius:0 0 100px 100px}.timeline-element>.line-container{min-width:10rem}.timeline-element:not(:first-of-type)>.card{margin-top:var(--large-margin)}}@media(max-width: 699px){.timeline-element{flex-direction:column;align-items:center}.timeline-element>.line-container{height:150px;min-width:64%}.timeline-element>.line-container>.line{height:calc(50% - var(--icon-size)/2)}.timeline-element>.line-container>.line:before{height:calc(100% - 50% - var(--icon-size)/2)}.timeline-element>.line-container>.line:after{top:calc(50% - var(--icon-size)/2)}.timeline-element>.line-container>.date{top:calc(50% - .5ch)}.timeline-element>.line-container>.date{transform:translateX(calc(var(--icon-size) / 2 + 12px)) translateY(-10%)}} #up-arrow-button{backdrop-filter:blur(var(--blur-radius));-webkit-backdrop-filter:blur(var(--blur-radius));cursor:pointer;box-shadow:var(--shadow);transition:opacity var(--transition-time),transform var(--transition-time-long);border-radius:var(--border-radius);position:fixed;bottom:var(--small-margin);right:var(--normal-margin);padding:.25rem}@supports not ((backdrop-filter: blur(var(--blur-radius))) or (-webkit-backdrop-filter: blur(var(--blur-radius)))){#up-arrow-button{background-color:var(--card-color)}}#up-arrow-button:hover{transform:scale(1.1)}#up-arrow-button.down{transform:rotate(180deg)}#up-arrow-button.down:hover{transform:scale(1.1) rotate(180deg)}#up-arrow-button svg{width:var(--large-icon-size);height:var(--large-icon-size)} .figure-container.loaded>.start-button,.figure-container:not(.loaded)>video{visibility:hidden}.figure-container>video{position:absolute;top:0;left:0;height:100%;width:100%} .image-anchor{display:flex;align-items:center}.image-anchor:not(:first-child){padding-top:var(--line-height)}.image-anchor svg{width:var(--icon-size);height:var(--icon-size);margin-right:calc(var(--small-margin)/2)}.image-anchor span{font:400 1rem "Open Sans",sans-serif;color:var(--special-text-color);hyphens:auto;font-style:italic;cursor:pointer;position:relative;display:inline-block;overflow:hidden;padding:0 3px 2px 0;font-size:1.4rem}.image-anchor span:before,.image-anchor span:after{content:"";display:block;position:absolute;bottom:0}.image-anchor span:before{width:calc(100% + 10px);border-bottom:2px dashed var(--accent-color);transition:transform var(--transition-time)}.image-anchor span:after{width:100%;height:2px;background:linear-gradient(90deg, var(--card-color) 0, transparent 4px, transparent calc(100% - 4px), var(--card-color) 100%)}.image-anchor span:hover:before{transform:translateX(-10px)} .figure-container>.overlay{width:100%;height:100%;position:absolute;left:0;top:0;pointer-events:none}.figure-container>.overlay>.loading{width:var(--large-icon-size);height:var(--large-icon-size);position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);visibility:hidden}.figure-container>.overlay>iframe{width:100%;height:100%;border:none;position:absolute;left:0}.figure-container.loaded>.start-button{visibility:hidden}.figure-container.loaded>.overlay{pointer-events:all}.figure-container.loaded>.overlay>.loading{visibility:visible} @font-face{font-family:"Comfortaa";font-style:normal;font-weight:400;font-display:swap;src:local(""),url(04d2b916.woff2) format("woff2"),url(29092020.woff) format("woff")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:local(""),url(a1535f45.woff2) format("woff2"),url(7958f4e4.woff) format("woff")}:root{--transition-time: 200ms;--transition-time-long: 350ms;--line-width: 4px;--line-height: 1.125rem;--accent-color: #b7455e;--sun-color: #f7f78c;--very-light-text-color: #ffffff;--background: #ffffff;--normal-text-color: #31343f;--card-color: #ffffff;--blurred-card-color: transparent;--blur-radius: 12px;--special-text-color: var(--accent-color);--inset-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.05), inset 0 0 5px rgba(0, 0, 0, 0.2);--border-radius: 0.85rem;--large-margin: 4.6rem;--normal-margin: 2.8rem;--small-margin: 1.4rem;--shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.2);--icon-size: 2.8rem;--large-icon-size: 3.75rem;--body-width: min(80%, 60rem)}@media(max-width: 699px){:root{--body-width: 90%;--large-margin: 2.8rem;--normal-margin: 2rem}}html[theme=dark]{--background: #242638;--normal-text-color: #ffffff;--card-color: #263551;--blurred-card-color: #212f4a77;--special-text-color: #ffffff;--inset-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.3), inset 0 0 4px rgba(0, 0, 0, 0.5)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}@media(prefers-reduced-motion){*,*::before,*::after{transition:none !important;animation:none !important}}html[animations=off],html[animations=off] *,html[animations=off] *::before,html[animations=off] *::after{transition:none !important;animation:none !important}html{height:100%;overflow:hidden;-webkit-font-smooth:antialiased}@media(min-width: 1000px)and (max-width: 1440px){html{font-size:.875rem}}@media(max-width: 999px){html{font-size:.8rem}}@media print{html{font-size:.7rem}}body{background-color:var(--background);transition:background-color linear var(--transition-time);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);height:100%}@media print{body{height:auto}}noscript{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font:400 1.75rem "Comfortaa",sans-serif;color:var(--normal-text-color);hyphens:auto}img,video,iframe{user-select:none;-webkit-user-select:none}button{border:none;background:none}svg{stroke:var(--normal-text-color)}p{font:400 1.1rem "Open Sans",sans-serif;color:var(--normal-text-color);line-height:1.8;hyphens:auto}a{text-decoration:none}:focus{outline:none}:focus:not(:hover){outline:var(--accent-color) solid var(--line-width)}::selection{background-color:var(--accent-color);color:var(--very-light-text-color)} - \ No newline at end of file + \ No newline at end of file