.BirdButton{width:120px;height:120px;display:flex;justify-content:center;align-items:center;filter:saturate(40%) contrast(15%) brightness(165%);position:relative;cursor:pointer;transition:z-index .3s;border-radius:12px;margin-right:2em}@media(max-width:1024px){.BirdButton{width:calc(11.8vw - 1px);height:calc(11.8vw - 1px)}}@media(max-width:600px){.BirdButton{width:15.5vw;height:15.5vw}}img{max-width:100%;max-height:100%;background-repeat:no-repeat;background-size:contain}.parakeet img{transform:scale(1.2) translateY(11px)}.label{opacity:0;position:absolute;z-index:10;bottom:-2.5em;padding:5px;color:#fff;font-size:12px;text-align:center;border-radius:8px;transition:opacity .3s;pointer-events:none}.label.dark{color:#000}.BirdButton img{transition:transform .3s}.BirdButton{background-color:hsla(0,0%,100%,0);box-shadow:0 0 10px 10px hsla(0,0%,100%,0);transition:filter .1s,background-color .3s,box-shadow .3s}.BirdButton.active{filter:saturate(100%)}.BirdButton.hovering.storyActive.active,.BirdButton.hovering:not(.storyActive){background-color:hsla(0,0%,100%,.5);box-shadow:0 0 10px 10px hsla(0,0%,100%,.5);filter:saturate(100%) contrast(100%) brightness(100%)!important}.BirdButton.hovering.storyActive.active .label,.BirdButton.hovering:not(.storyActive) .label{opacity:1}.BirdButton.hovering.storyActive.active img,.BirdButton.hovering:not(.storyActive) img{transform:scale(1.5)}.BirdButton.hovering.storyActive.active.parakeet img,.BirdButton.hovering:not(.storyActive).parakeet img{transform:scale(1.7) translateY(15px)}#bird_paths path{transition:fill-opacity .3s}#bird_paths:hover path{fill-opacity:.4;cursor:pointer}#bird_paths path:hover{fill-opacity:1}#bird_labels,#bird_paths{cursor:pointer}.grid{pointer-events:none}svg{-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform 1s}image{pointer-events:none}body{background-color:#ffffef;font-family:Helvetica,Helevetica Neue,Arial,sans-serif;overflow:hidden;width:calc(1920px - 1em);height:calc(1080px - 1em)}a{color:inherit}p{max-width:7200px;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:18px;font-family:Times New Roman,Times,serif}.App{margin-left:1em;padding-left:1em;max-width:1920px}@media (min-width:1070px){.App{margin-left:4em}}@media (max-width:800px){.App{margin-left:0;padding-left:0;border-left:none}}.footer{color:grey;font-weight:lighter;position:absolute;bottom:0}.footer p{width:1000px}.left{display:flex;flex-direction:column;justify-content:space-between;margin-right:4em}.buttons{display:flex;width:610px;height:840px;flex-wrap:wrap;position:relative}.storycontainer{position:relative;width:calc(610px - 2em)}.story{background-color:hsla(0,0%,100%,.6);border-radius:2px;display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;z-index:50;top:10em;left:6em;right:6em;width:auto;padding:.5em;box-shadow:1px 1px 6px rgba(0,0,0,.5),1px 1px 5px #fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transform:rotate(0deg);transform-origin:50% 800px;transition:transform .5s,transform-origin .5s,opacity .3s;text-align:center}.story.opaque{background-color:hsla(0,0%,100%,.8)}.story.hiddenleft{transform:rotate(-90deg);opacity:0}.story.hiddenright{transform:rotate(90deg);opacity:0}.story p{margin-top:.5em}@media (max-width:800px){.story{left:0!important;right:0!important;top:2em!important}}.intro{font-style:italic}.story .storybuttons button{margin-left:2em;margin-right:2em;margin-bottom:1em;font-size:18px;border:1px solid #444;background-color:#f0e6a0;padding:.25em 1em;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.3);cursor:pointer;font-family:initial;color:#000;font-family:Times New Roman,Times,serif}.story .storybuttons button:hover{background-color:#f1f172;box-shadow:2px 2px 3px rgba(0,0,0,.3)}h1{font-family:Playfair Display,serif;font-size:36px;font-weight:400}.story p{font-size:18px}.buttons{-webkit-user-select:none;-moz-user-select:none;user-select:none}.intro{margin-top:-12px;margin-bottom:24px}.viz{position:relative;margin-left:2em}.mute{width:100%;height:100%;padding:10px;cursor:pointer;overflow:hidden;border-radius:50%;background-color:rgba(240,230,160,.5)}.mute-wrapper{position:absolute;right:calc(2em + 20px);top:calc(2em - 10px);width:40px;height:40px;box-sizing:border-box}.mute:hover{background-color:#f0e6a0;box-shadow:2px 2px 3px rgba(0,0,0,.3)}.mute img{width:150%;max-width:200%;max-height:200%;margin-top:-8px;margin-left:-8px}.mute-wrapper .label{opacity:0;position:absolute;bottom:-3.5em;left:0;width:50px;text-align:center;color:#000;transition:none}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.mute-wrapper .label.activated{animation-name:fadeout;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:forwards;opacity:1}body,html{overflow-x:hidden}body{position:relative}.row{display:flex}@media screen and (min-width:801px){.smallonly{display:none}}@media screen and (max-width:600px){.mute{display:none}}