:root{color-scheme:dark;--primary-1:#faa;--primary-2:#d46a6a;--primary-3:#aa3939;--primary-4:#801515;--primary-5:#500;--secondary-1:#ffe7aa;--secondary-2:#d4b66a;--secondary-3:#aa8939;--secondary-4:#806115;--secondary-5:#553d00;--tertiary-1:#7c84ae;--tertiary-2:#525c91;--tertiary-3:#313b74;--tertiary-4:#182257;--tertiary-5:#070f3a;--quaternary-1:#8c8;--quaternary-2:#5a5;--quaternary-3:#2d882d;--quaternary-4:#161;--quaternary-5:#040;--white:#fff;--black:#000;--gray-8:#080808;--gray-16:#101010;--gray-24:#181818;--gray-32:#202020;--gray-40:#282828;--gray-48:#303030;--gray-56:#383838;--gray-64:#404040;--gray-72:#484848;--gray-80:#505050;--gray-88:#585858;--gray-96:#606060;--gray-104:#686868;--gray-112:#707070;--gray-120:#787878;--gray-128:gray;--gray-136:#888;--gray-144:#909090;--gray-152:#989898;--gray-160:#a0a0a0;--gray-168:#a8a8a8;--gray-176:#b0b0b0;--gray-184:#b8b8b8;--gray-190:#bebebe;--gray-192:silver;--gray-200:#c8c8c8;--gray-208:#d0d0d0;--gray-216:#d8d8d8;--gray-220:#dcdcdc;--gray-224:#e0e0e0;--gray-232:#e8e8e8;--gray-240:#f0f0f0;--gray-248:#f8f8f8;--dark-bg:var(--black);--dark-color:var(--white)}*{box-sizing:border-box;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,sans-serif}body{background:url(./flora-ul.webp) left top no-repeat fixed, url(./flora-ll.webp) left bottom no-repeat fixed, url(./flora-lr.webp) right bottom no-repeat fixed, var(--dark-bg);color:var(--dark-color);background-size:15vw,20vw,15vw;font-size:1rem}h1,h2,h3,h4{margin-bottom:1rem}p{margin:.5rem 0;& p{margin-bottom:1rem}}a{text-decoration:none}a:link,a:hover,a:active,a:visited{color:inherit}menu{list-style:none}caption{margin-bottom:.5rem;font-weight:700}button{cursor:pointer;margin:.5rem;padding:.2rem}input,textarea,button{resize:none;background:0 0;border:none;outline:none}figcaption{font-size:.9rem}video{border-radius:.5em;max-width:50%;height:auto;margin:1em}.grid{grid-template-columns:1fr 6fr;grid-template-areas:"upper-grid upper-grid""left-grid right-grid";gap:1rem;display:grid;@media (width<=768px){grid-template-columns:auto;grid-template-areas:"upper-grid""right-grid""left-grid"}}.left-grid{grid-area:left-grid;align-self:self-start;min-width:10vw;max-width:18vw;font-size:.8rem;position:fixed;top:10vh;&>div{border:var(--primary-5) solid thin;background-color:var(--gray-16);width:100%;color:var(--secondary-2);border-radius:.7rem;margin:.3rem 1rem;padding:.5rem}& .sidebar_title{margin-left:0;font-size:1rem}@media (width<=768px){flex-direction:column;place-items:center;width:auto;max-width:none;margin:0 auto;font-size:.8rem;display:flex;position:relative;top:0}}.right-grid{flex-direction:column;grid-area:right-grid;place-items:center;padding-right:1rem;display:flex}.upper-grid{grid-area:upper-grid;padding:1rem}#content{width:100%}.sidebar_title{color:var(--primary-2)}.figure{text-align:center;flex-direction:column;place-items:center;transition:border .2s,transform .2s;display:flex;& a img{object-fit:scale-down;max-width:100%;height:300px;transition:transform .5s;&:hover{filter:grayscale();z-index:10;transform:scale(.85)}&.page{object-position:top;width:100vw;height:60vh;&:hover{filter:none;transform:none}}}& video{object-position:top;width:auto;max-width:100%;height:60vh}& figcaption{color:var(--gray-128);width:100%;padding:.5rem;font-style:italic;& p:empty:before{content:" "}}}a.arrow{color:var(--secondary-3)}.item{align-items:center;max-width:100%;display:flex}#gallery{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-auto-rows:auto;grid-auto-columns:250px;gap:.5rem;margin:auto 5rem;padding:0 1rem 2rem 2rem;display:grid;@media (width<=768px){margin:auto 2rem}}#page{flex-direction:column;margin:auto 5rem;display:flex;@media (width<=768px){margin:auto 2rem}}.navigation{z-index:100;justify-content:space-between;width:100%;padding:0 1rem;display:flex;position:absolute;bottom:1rem;right:0;& #arrow-prev,& #arrow-next{margin:0;font-size:3rem}}.folder{filter:drop-shadow(4px 4px 2px var(--gray-64))}.iteminfo{color:var(--gray-128);margin-top:.5rem;font-size:.9rem}.logo{background-image:url(./logo.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;height:7vh;margin:0 auto;@media (width<=768px){width:70vw}}#nav{color:var(--gray-128);padding:1rem;font-size:1.1rem;@media (width<=768px){font-size:.9rem}}.description{text-align:left;max-width:30rem;color:var(--gray-128);justify-content:center;margin:0 auto;padding:1rem;font-style:italic;display:flex}.tech{font-size:.8rem}.title{font-style:normal}#random_image{flex-direction:column;place-items:center;max-width:100%;margin:0 auto;display:flex;&>a img.random{object-fit:scale-down;border-radius:.5rem;width:100%;height:100%}@media (width<=768px){max-width:fit-content}&>.random_image_text{text-align:left;color:var(--gray-128);padding:.3rem;font-style:italic}}.image{border-radius:.5rem;width:100%;height:100%;padding:1rem 0}.columns{column-count:auto;column-width:25em;column-fill:balance;column-rule:solid 1px var(--gray-128);column-gap:2rem;&>:first-child{margin-top:0}}.custom-page{color:var(--gray-192);padding:0 2rem 2rem;& h1,& h2,& h3,& h4{color:var(--primary-2)}}.link{text-decoration:underline}