@media (orientation: landscape){div.brella-stats{align-items:end}}@media (orientation: portrait){div.brella-stats{flex-direction:column}}@media (orientation: portrait){.brella img{max-width:128px;width:20vw}}@media (orientation: landscape){.brella{display:flex;align-items:center}.brella img{width:128px;height:128px}}.integrelle{opacity:1;transition:opacity .5s ease}.integrelle.hidden{opacity:0}.integrelle img{position:relative;width:100%;transition:transform .25s ease}.integrelle img.changing{transform:scale(.9)}@media (orientation: landscape){.integrelle{width:15vw;height:15vw;margin:auto}.brella-column{flex:1}.brella-hr{position:relative;width:80%}.inner-brella-column{display:flex;flex-direction:column-reverse}.inner-brella-column .integrelle{display:none}}@media (orientation: portrait){.integrelle{width:25vw;height:25vw}.brella-hr{display:none}.inner-brella-column{display:flex;align-items:center}.brella-column>.integrelle{display:none}}.hint{opacity:.5}.about{text-align:left}.about *{font-size:max(1.25vw,2vh)}.about h3{font-size:2vmax;margin-bottom:0;margin-left:1vw}.about a:hover{cursor:pointer;filter:brightness(80%)}.about img{width:25vmin;height:25vmin;margin-right:1vmax}@media (orientation: landscape){.about ul{columns:2;-webkit-columns:2;-moz-columns:2}}.background{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:-1;opacity:1;transition:opacity .5s ease}.background img{position:absolute;object-fit:cover;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);filter:saturate(2) brightness(20%)}.background.hidden{opacity:0}@media (prefers-color-scheme: light){.background img{filter:saturate(.5) brightness(180%)}}