dialog{position:absolute;left:0;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;margin:auto;border:solid;padding:1em;background:#fff;color:#000;display:block}dialog:not([open]){display:none}dialog+.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.1)}._dialog_overlay{position:fixed;top:0;right:0;bottom:0;left:0}dialog.fixed{position:fixed;top:50%;transform:translate(0,-50%)}@font-face{font-family:Barlow;src:url(font/Barlow/Barlow-Regular.woff2) format("woff2"),url(font/Barlow/Barlow-Regular.woff) format("woff"),url(font/Barlow/Barlow-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Barlow-Bold;src:url(font/Barlow/Barlow-Bold.woff2) format("woff2"),url(font/Barlow/Barlow-Bold.woff) format("woff"),url(font/Barlow/Barlow-Bold.ttf) format("truetype");font-display:swap}body{position:relative;font-family:Barlow,sans-serif;font-size:1.3rem;z-index:-2}body [tabindex]:not(picture):focus{outline:1px solid #ff6f61}body [tabindex]:not(picture):not(input):focus{box-shadow:0 0 4px 0 #ff6f6188}body picture[tabindex]:focus{isolation:isolate;background:#ff6f61;outline:0;background-clip:content-box}body picture[tabindex]:focus img{mix-blend-mode:screen}body.night>main>section.container.visible.translated>article>form input[type=submit]:focus,body:not(.night)>main>section.container.visible.translated>article>form input[type=submit]:focus{background:#ff6f61;color:#fff}body *{box-sizing:border-box}body>main{position:relative;height:calc(100vh - 80px);width:100%;overflow:hidden;z-index:-1}body>main>section.container:not(:first-child)>header{cursor:pointer}body>main>section.container{position:absolute;display:grid;text-align:left;transition:transform .3s ease-out}body>main>section.container>header>h2{font-size:1.5rem;text-transform:uppercase;cursor:inherit;transition:color 50ms ease-out;line-height:5rem;width:5rem}body>main>section.container>header>h2:hover{color:#ff6f61}body>main>section.container>header:focus{color:#ff6f61}body>main>section.container>article{overflow-x:auto;padding-left:4px}body>main>section.container :not(:nth-child(3))>article,body>main>section.container :not(:nth-child(4))>article,body>main>section.container:not(:nth-child(1))>article{padding:1em}body>main>section.container:nth-child(1){top:0;left:0}body>main>section.container:nth-child(1)>article{margin-top:auto}body>main>section.container:nth-child(1)>article>section:nth-child(1)>p>strong{font-family:Barlow-Bold}body>main>section.container:nth-child(1)>article>section:nth-child(1):hover>p>strong,section.container:nth-child(1)>article>section:nth-child(2):hover>p>strong{color:#ff6f61}body>main>section.container:nth-child(1)>article>footer{display:inline-block}body>main>section.container:nth-child(1)>article>footer>section:nth-child(1){margin-top:1.5em;display:inline-block;clear:both}body>main>section.container:nth-child(1)>article>footer>section:nth-child(1) a{display:inline-block;padding:.6em;padding-top:.5em;box-sizing:border-box;text-transform:uppercase;font-weight:700;text-decoration:none}body>main>section.container:nth-child(1)>article>footer>section:nth-child(1) a img{vertical-align:bottom;height:1em;margin-left:.3em}body>main>section.container:nth-child(1)>article>footer>section:nth-child(1) a:hover{background-color:#ff6f61!important;color:#fff!important}body>main>section.container:nth-child(1)>article>footer>section:nth-child(1) a:hover img[src$="_black.png"]{display:none}body>main>section.container:nth-child(1)>article>footer>section:nth-child(1) a:hover img[src$="_white.png"]{display:inline-block}body>main>section.container:nth-child(1)>article>footer section:nth-child(2){height:2em;margin-top:1.5em;text-align:center}body>main>section.container:nth-child(1)>article>footer section:nth-child(2) a{padding-bottom:.25rem}body>main>section.container:nth-child(1)>article>footer section:nth-child(2) a:after,body>main>section.container:nth-child(1)>article>footer section:nth-child(2) a:before{width:27.3%;height:1px;background:#2b2b2b;display:inline-block;content:"";vertical-align:middle}body>main>section.container:nth-child(1)>article>footer section:nth-child(2) a:before{margin-right:.8em}body>main>section.container:nth-child(1)>article>footer section:nth-child(2) a:after{margin-left:.8em}body>main>section.container:nth-child(1)>article>footer section:nth-child(2) a:after,body>main>section.container:nth-child(1)>article>footer section:nth-child(2) a:hover,body>main>section.container:nth-child(1)>article>footer section:nth-child(2) a:link,body>main>section.container:nth-child(1)>article>footer section:nth-child(2) a:visited{text-decoration:none}body>main>section.container:nth-child(2)>article h3{margin:0}body>main>section.container:nth-child(2)>article ul{margin-top:.3rem;padding-left:1rem;list-style-type:none}body>main>section.container:nth-child(2)>article ul>li:before{content:"/";margin-right:.5rem}body>main>section.container:nth-child(2)>article a{display:inline-block;padding:.6em;padding-top:.5em;box-sizing:border-box;margin-top:.5em;text-decoration:none}body>main>section.container:nth-child(2)>article a:hover{background-color:#ff6f61!important;color:#fff!important}body>main>section.container:nth-child(3)>article{display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:baseline;padding:10px 0 0 10px;flex:0 1 auto}body>main>section.container:nth-child(3)>article>picture{overflow:hidden;width:33.3333%;align-self:flex-start;margin:0 auto;border-right:10px solid transparent;border-bottom:10px solid transparent;display:flex;flex-flow:row wrap;align-content:stretch}body>main>section.container:nth-child(3)>article>picture[data-weight="2"]{width:66.6666%}body>main>section.container:nth-child(3)>article>picture[data-weight="3"]{width:100%}body>main>section.container:nth-child(3)>article>picture>img[src]{object-fit:cover;width:100%;transition:.5s linear;max-height:100%}body>main>section.container:nth-child(3)>article>picture>img[src]:hover{transform:scale(1.05);cursor:pointer}body>main>section.container:nth-child(3)>article>picture>img:not([src]){visibility:hidden}body>main>section.container:nth-child(4)>article{padding:0;margin:1em;display:grid;grid-template:1fr/1fr 2fr;justify-content:space-between;border-block-end:#2b2b2b 1px solid}body>main>section.container:nth-child(4)>article h3{margin:0}body>main>section.container:nth-child(4)>article ul{margin-top:.3rem;padding-bottom:.8em;padding-left:0;list-style-type:none;width:30%}body>main>section.container:nth-child(4)>article ul>li{text-align:left}body>main>section.container:nth-child(4)>article ul>li>span{white-space:nowrap}body>main>section.container:nth-child(4)>article div{background:url(/img/WIP.jpg) no-repeat;background-size:contain;background-position:bottom right;margin-left:1em}body>main>section.container:nth-child(5)>article{display:grid;grid-template:repeat(3,1fr)/1fr}body>main>section.container:nth-child(5)>article>header{font-weight:700;font-size:2em}body>main>section.container:nth-child(5)>article>header>p{margin:.3em 0}body>main>section.container:nth-child(5)>article>section{align-self:end;margin-bottom:3em}body>main>section.container:nth-child(5)>article>section>p{margin:.5em 0}body>main>section.container:nth-child(5)>article>section>p>a{font-weight:700;text-decoration:none}body>main>section.container:nth-child(5)>article>section>p>a:hover{color:#ff6f61}body>main>section.container:nth-child(5)>article>form{display:grid;grid-template:1fr/1fr 1fr}body>main>section.container:nth-child(5)>article>form input{border:none;width:85%;padding-left:.5em}body>main>section.container:nth-child(5)>article>form input,body>main>section.container:nth-child(5)>article>form label{height:2em;line-height:2em}body>main>section.container:nth-child(5)>article>form>section:nth-of-type(1){display:grid;grid-template:repeat(4,1fr)/120px 1fr;align-items:end}body>main>section.container:nth-child(5)>article>form>section:nth-of-type(1)>h2{grid-column-start:span 2;padding-bottom:0;margin-top:0;line-height:1em;grid-column:span 2;align-self:start}body>main>section.container:nth-child(5)>article>form>section:nth-of-type(2){display:grid;grid-template:auto auto/2fr 1fr;height:100%;grid-row-gap:1em}body>main>section.container:nth-child(5)>article>form>section:nth-of-type(2)>textarea{resize:none;width:100%;height:10em;padding:.5em;font-size:1em;box-sizing:border-box;grid-column:span 2}body>main>section.container:nth-child(5)>article>form>section:nth-of-type(2)>input[type=submit]{margin:0;border:none;justify-self:end;grid-column:2;text-align:right;cursor:pointer}body:not(.night){color:#2b2b2b;background-color:#fff}body:not(.night) img[src$="_white.png"]{display:none}body:not(.night)>main>section.container{background-color:#fff}body:not(.night)>main>section.container:not(:first-child){border-color:#2b2b2b}body:not(.night)>main>section.container:nth-child(1){background-color:#fff;background-image:linear-gradient(180deg,#fffd 0,#fffd),url(/img/bg.jpg);background-repeat:no-repeat;background-attachment:fixed;background-clip:border-box;background-size:cover}body:not(.night)>main>section.container:nth-child(1)>article>footer>section:nth-child(1)>a:nth-child(1){background-color:#2b2b2b;color:#fff}body:not(.night)>main>section.container:nth-child(1)>article>footer>section:nth-child(1)>a:nth-child(2){color:#2b2b2b}body:not(.night)>main>section.container:nth-child(1)>article>footer>section:nth-child(2)>a{color:#2b2b2b}body:not(.night)>main>section.container:nth-child(1)>article>footer>section:nth-child(2)>a:hover{color:#ff6f61}body:not(.night)>main>section.container:nth-child(2) section a{background-color:#2b2b2b;color:#fff}body:not(.night)>main>section.container:nth-child(4) ul{border-bottom:1px #2b2b2b solid}body:not(.night)>main>section.container:nth-child(5) a{color:#2b2b2b}body:not(.night)>main>section.container:nth-child(5) article>form input,body:not(.night)>main>section.container:nth-child(5) article>form label{border-bottom:1px #2b2b2b solid}body:not(.night)>main>section.container:nth-child(5) article>form section:nth-of-type(2)>input[type=submit]{background:#fff;border-bottom:1px #2b2b2b solid}body:not(.night)>main>section.container:nth-child(5) article>form section:nth-of-type(2)>input[type=submit]:hover{background:#d2d2d2}body.night{color:#fff;background-color:#2b2b2b}body.night img[src$="_black.png"]{display:none}body.night>main>section.container{background-color:#2b2b2b}body.night>main>section.container:not(:first-child){border-color:#fff}body.night>main>section.container:nth-child(1){background-color:#2b2b2b;background-image:linear-gradient(180deg,#0d0d0de0 0,#0d0d0de0),url(/img/bg.jpg);background-repeat:no-repeat;background-attachment:fixed;background-clip:border-box;background-size:cover}body.night>main>section.container:nth-child(1)>article>footer>section:nth-child(1)>a:nth-child(1){background-color:#fff;color:#2b2b2b}body.night>main>section.container:nth-child(1)>article>footer>section:nth-child(1)>a:nth-child(2){color:#fff}body.night>main>section.container:nth-child(1)>article>footer>section:nth-child(2)>a{color:#fff}body.night>main>section.container:nth-child(1)>article>footer>section:nth-child(2)>a:hover{color:#ff6f61}body.night>main>section.container:nth-child(1)>article>footer>section:nth-child(2) a:after,body.night>main>section.container:nth-child(1)>article>footer>section:nth-child(2)>a:before{background:#fff}body.night>main>section.container:nth-child(2) section a{background-color:#fff;color:#2b2b2b}body.night>main>section.container:nth-child(4)>article{border-block-end:1px #fff solid}body.night>main>section.container:nth-child(4)>article ul{border-bottom:1px #fff solid}body.night>main>section.container:nth-child(5) a{color:#fff}body.night>main>section.container:nth-child(5)>article>form input,body.night>main>section.container:nth-child(5)>article>form label,body.night>main>section.container:nth-child(5)>article>form textarea{background:#2b2b2b;color:#fff}body.night>main>section.container:nth-child(5)>article>form input{border-bottom:1px #fff solid}body.night>main>section.container:nth-child(5)>article>form textarea{border:1px #fff solid}body.night>main>section.container:nth-child(5)>article>form section:nth-of-type(2)>input[type=submit]{background:#2b2b2b;border-bottom:1px #fff solid;color:#fff}body.night>main>section.container:nth-child(5)>article>form section:nth-of-type(2)>input[type=submit]:hover{background:#3d3d3d}body.night dialog{background:#2b2b2b}body.night dialog main{color:#fff}@media screen and (max-aspect-ratio:13/9){body>main>section.container{grid-template-rows:3rem auto;width:100%;height:calc(100% - (3 * 3rem))}body>main>section.container:not(.translated){transform:translateY(calc(100% - 3rem))}body>main>section.container:not(:first-child){border-top:1px solid}body>main>section.container>header>h2{margin:0;padding-left:1rem;height:3rem;line-height:3rem}body>main>section.container:nth-child(1){grid-template-rows:calc(3rem + 5rem) auto}body>main>section.container:nth-child(1)>header{display:block;padding:2.5rem 0 .5rem 0;text-align:center;cursor:inherit}body>main>section.container:nth-child(1)>header>img{height:100%;max-width:100%;width:auto}body>main>section.container:nth-child(1)>article{margin-top:auto;margin-bottom:5rem;text-align:center}body>main>section.container:nth-child(1)>article>section{margin-top:2rem;text-align:center}body>main>section.container:nth-child(1)>article>section>p{font-size:2rem;margin-top:0;margin-bottom:.8rem}body>main>section.container:nth-child(2){bottom:calc(3 * 3rem);left:0}body>main>section.container:nth-child(3){bottom:calc(2 * 3rem);left:0}body>main>section.container:nth-child(4){bottom:calc(1 * 3rem);left:0}body>main>section.container:nth-child(4)>article{grid-template:1fr 100vw/1fr;border-block-end:none}body>main>section.container:nth-child(4)>article>section>ul{width:60%}body>main>section.container:nth-child(4)>article>div{margin:1px auto;width:100%}body>main>section.container:nth-child(5){bottom:0;left:0}body>main>section.container:nth-child(5) article form>section>h2,body>main>section.container:nth-child(5) article header>p,body>main>section.container:nth-child(5) article section>p{text-align:left}body>main>section.container:nth-child(5) article form{grid-template:1fr/1fr;grid-row-gap:1em}body>main>section.container:nth-child(5) article form>section:first-child{grid-template:repeat(4,1fr)/auto 1fr}body>main>section.container:nth-child(5) article form>section:first-child>input{width:100%}body dialog[open]{display:block;overflow-y:auto;overflow-x:hidden;height:fill-available;height:-webkit-fill-available;height:-moz-fill-available}body dialog[open]>svg{position:absolute;top:1vw;right:1vw}body dialog[open]>aside{height:85vw}body dialog[open]>main{overflow:hidden}}@media screen and (max-aspect-ratio:13/9) and (max-width:500px){body>main>section.container:nth-child(1)>article>section>p{font-size:1.4rem}body>main>section.container:nth-child(1)>article>footer>section{font-size:1rem}body>dialog div.controls{font-size:.6em}}@media screen and (max-aspect-ratio:13/9) and (min-width:501px) and (max-width:1000px){dialog>aside>section>img{object-fit:cover}}@media screen and (min-aspect-ratio:13/9) and (max-width:1000px){body>main>section.container:nth-child(4) div{display:none}}@media screen and (min-aspect-ratio:13/9) and (max-width:820px){html>body>main>section.container:nth-child(1)>article{position:absolute;left:0;right:0;top:0;bottom:0;margin-left:0;margin-bottom:0}html>body>main>section.container.visible:nth-child(1)>article>section>p,body #transformation{font-size:.75rem}html>body>main>section.container:nth-child(1)>article>section{margin:1em 0}footer{font-size:1rem}html>body>main>section.container:nth-child(1)>article>section{margin-bottom:0}html>body>main>section.container:nth-child(1)>article>section>p{font-size:4vw}html>body>main>section.container:nth-child(2).visible{transform:translateX(calc(100% - 24rem - 5rem))}html>body>main>section.container:nth-child(4)>article{width:100%;display:block;margin:1em 0}html>body>main>section.container:nth-child(4)>article>section{width:100%}html>body>main>section.container:nth-child(5)>article>form{grid-template:1fr/1fr;grid-row-gap:1em}html>body>main>section.container:nth-child(5)>article>form>section:nth-of-type(1){grid-template:repeat(4,1fr)/auto 1fr}html>body>main>section.container.translated{transform:translateX(calc(0 - 5rem))}body.night section.container article{background:#2b2b2b}body section.container article{background:#fff}body dialog[open]{grid-template:50px 1fr/3fr 4fr}body dialog[open] div.controls{font-size:.6em}}@media screen and (min-aspect-ratio:13/9){body>main>section.container{grid-template-columns:5rem auto;width:calc(100% - (4 * 5rem));height:100%}body>main>section.container:not(.translated){transform:translateX(calc(100% - 5rem))}body>main>section.container:not(:first-child){border-left:1px solid}body>main>section.container>header>h2{margin:0 auto;margin-top:1rem;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}body>main>section.container:nth-child(1)>header>img{display:none}body>main>section.container:nth-child(1)>article{align-items:flex-end;margin-bottom:7rem;margin-left:4rem}body>main>section.container:nth-child(1)>article>section>p{font-size:3rem;margin-top:0;margin-bottom:.3rem}body>main>section.container:nth-child(2){top:0;right:calc(3 * 5rem)}body>main>section.container:nth-child(2).visible{transform:translateX(calc(100% - 28rem - 5rem))}body>main>section.container:nth-child(2)>article{width:28rem}body>main>section.container:nth-child(2)>article>section>a{margin-left:25%}body>main>section.container:nth-child(3){top:0;right:calc(2 * 5rem)}body>main>section.container:nth-child(4){top:0;right:calc(1 * 5rem)}body>main>section.container:nth-child(5){top:0;right:0}}dialog::backdrop{display:none}dialog[open]{overflow:auto;animation:slidein .5s ease normal;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;padding:0;margin:0;border:0;width:100%;height:100%;display:grid;grid-template:50px 1fr/2fr 1fr}dialog[open].fading{animation:slideout .5s ease normal}dialog[open]>aside{grid-row:1/span 2;max-width:100%;max-height:100vh;overflow:hidden;position:relative}dialog[open]>aside>section.slider>div.image{position:absolute;display:flex;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;transform:translateX(101%)}dialog[open]>aside>section.slider>div.image.portrait>img{height:100%;width:auto}dialog[open]>aside>section.slider>div.image.rev{transform:translateX(-101%)}dialog[open]>aside>section.slider>div.image.active{transform:none;transition:transform 1s ease-in-out}dialog[open]>aside>section.slider>div.image.leaving{transform:translateX(-101%);transition:transform 1s ease-in-out}dialog[open]>aside>section.slider>div.image.leaving.rev{transform:translateX(101%)}dialog[open]>aside>section.slider>div.image>img{width:100%}dialog[open]>aside>div.controls{user-select:none}dialog[open]>aside>div.controls *{user-select:none}dialog[open]>aside>div.controls>div.left{position:absolute;top:50%;left:1.5em;transform:translateY(-50%);width:1em;height:2em;cursor:pointer}dialog[open]>aside>div.controls>div.left>svg{width:100%;height:100%}dialog[open]>aside>div.controls>div.center{position:absolute;bottom:2em;left:50%;transform:translateX(-50%)}dialog[open]>aside>div.controls>div.center>div{display:inline-block;padding:.5em;height:2em;border-radius:2em;background-color:#777a;vertical-align:middle}dialog[open]>aside>div.controls>div.center>div.pause{text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}dialog[open]>aside>div.controls>div.center>div.pause.paused,dialog[open]>aside>div.controls>div.center>div.pause:hover{background-color:#ff6f61aa}dialog[open]>aside>div.controls>div.center>div.pause>svg{width:1em;height:1em;fill:#fff;stroke:#fff;cursor:pointer}dialog[open]>aside>div.controls>div.center>div.imgpicker{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-.2em}dialog[open]>aside>div.controls>div.center>div.imgpicker>div.img{display:inline-block;width:1em;height:1em;border-radius:100%;cursor:pointer;background-color:#fff8}dialog[open]>aside>div.controls>div.center>div.imgpicker>div.img:hover:not(.selected){background-color:#fffb}dialog[open]>aside>div.controls>div.center>div.imgpicker>div.img.selected{background-color:#fffe}dialog[open]>aside>div.controls>div.center>div.imgpicker>div.img:not(:last-child){margin-right:.5em}dialog[open]>aside>div.controls>div.right{position:absolute;top:50%;right:1.5em;transform:translateY(-50%);width:1em;height:2em;cursor:pointer}dialog[open]>aside>div.controls>div.right>svg{width:100%;height:100%}dialog[open]>aside.hovered>div.controls>div.center>div.pause:not(.paused):not(:hover) svg{fill:#ff6f61cc;stroke:#ff6f61cc}dialog[open]>svg{width:1.5em;margin:10px;justify-self:end;cursor:pointer;background:rgba(150,150,150,.3);border-radius:30px;padding:10px;box-sizing:content-box}dialog[open]>svg:hover>.close-x{background:rgba(150,150,150,.7);stroke:#ff6f61}dialog[open]>svg>path{stroke:#fff;stroke-width:5}dialog[open]>svg>path.close-x{fill:transparent;stroke-linecap:round}dialog[open]>svg>path:not(.close-x){fill:#fff}dialog[open]>main{padding:2em;font-size:.9em;overflow-y:auto;overflow-x:hidden}dialog[open]>main>h1{margin:.2em 0}dialog[open]>main>h2{margin:.2em 0 2em;font-style:italic;font-size:1em;font-weight:400}@keyframes slidein{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideout{from{transform:translateY(0)}to{transform:translateY(100%)}}body>header>nav{display:flex;justify-content:space-between;height:80px;box-shadow:0 4px 6px #0004;z-index:5}body>header>nav>aside{margin:calc((80px - 40px)/ 2) 0;z-index:5}body>header>nav>aside>ul{position:relative;height:40px;margin:0;padding:0 1rem;list-style:none}body>header>nav>aside>ul::before{content:"";position:absolute;top:50%;left:0;max-width:70vh;width:100%;height:2px;transform:translateY(-50%);z-index:-1}body>header>nav>aside>ul>li{position:relative;display:inline-block;margin:0 .3rem;height:40px}body>header>nav>aside>ul>li>a>img{height:100%}body>header>nav>aside>ul>li>a>img[src$="_coral.png"]{position:absolute;height:100%;top:0;left:0;transition:opacity 50ms ease-out}body>header>nav>aside>ul>li>a:not(:hover)>img[src$="_coral.png"]{opacity:0}body>header>nav>div.logo{display:none}body>header>nav>div#switch{position:relative;height:31px;width:61px;margin:25px 15px;padding:1px;border:2px solid;cursor:pointer}body>header>nav>div#switch::before{content:"";position:absolute;top:1px;left:.5px;height:calc(100% - 2px);width:calc(50% - 1px);transition:transform .1s ease-out}body:not(.night)>header>nav>aside>ul::before{background-color:#2b2b2b}body:not(.night)>header>nav>div#switch{border-color:#2b2b2b}body:not(.night)>header>nav>div#switch::before{background-color:#2b2b2b}body.night>header>nav>aside>ul::before{background-color:#fff}body.night>header>nav>div#switch{border-color:#fff}body.night>header>nav>div#switch::before{background-color:#fff;transform:translateX(calc(100% + 1px))}@media screen and (min-width:450px) and (min-aspect-ratio:13/9){body>header>nav>div.logo{display:inline-block;height:100%;padding:10px 15px;cursor:pointer}body>header>nav>div.logo>img{height:100%}}@media screen and (min-width:860px) and (min-aspect-ratio:13/9){body>header>nav>aside{position:absolute;left:calc(80px / 2);top:calc(50%);transform:translateX(-50%) translateY(-50%)}body>header>nav>aside>ul{padding:5em 0;height:auto}body>header>nav>aside>ul::before{left:50%;max-height:60vh;height:100%;width:2px;transform:translateX(-50%) translateY(-50%)}body>header>nav>aside>ul>li{display:list-item;margin:3rem 0}}#transformation{color:white;padding:.5em;margin-bottom:4em;font-size:.8em;background:#2b2b2b;line-height:2em;text-decoration:none}.night #transformation{background:white;color:#2b2b2b}#transformation:hover{background:#ff6f61}