*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none}.app-container{display:flex;flex-direction:column;justify-content:space-evenly;position:relative;height:100vh;background-size:cover;overflow:hidden}.menu{border:none;gap:10px;display:flex;justify-content:center;position:absolute;top:0%;left:0;width:100%;font-size:2.33em}.hamburger{margin-top:4px}.cross{margin-top:4px;width:25px}.menu-screen{z-index:2;display:flex;height:100%;width:100%;position:absolute;background-size:cover}.menu-items-container{padding-top:47.2px;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.menu-group{display:flex;flex-direction:column;margin:0 auto}.menu-tn{width:25vh;height:18vh;margin:2vh;border-radius:20%;cursor:pointer}button,input{cursor:pointer}.play-button,.pause-button{position:absolute;left:50%;top:50%;width:100%;padding:5px;border:none;font-size:2.33em;transform:translate(-50%,-50%)}.group-container{margin-top:47.2px;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.group{display:flex;flex-direction:column;margin:0 auto}.sound{width:min-content;height:min-content;margin:4vh;padding:5px 15px;border:none;border-radius:37px}h1{font-size:2em;text-align:center;padding-bottom:5px}input[type=range]{margin:0 20px;border-radius:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{width:15px;height:15px;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;cursor:pointer}@media (min-width: 768px){.app-container{justify-content:space-around}.menu{border:none;gap:10px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:end;position:absolute;padding-top:5px;padding-right:20px;padding-left:20px;border-bottom-left-radius:20px;top:0%;left:unset;right:0;width:min-content}.menu-items-container{gap:25vh}.menu-group{gap:25vw;flex-direction:row}.play-button,.pause-button{width:4em;padding:10px 50px;border-radius:37px;font-size:4em;position:fixed;top:50%;left:50%}.group{gap:25vw;flex-direction:row}.menu-tn{width:30vh;height:22vh}}.amazon-react-rain{z-index:1;position:absolute;left:0;top:0;width:100vw;height:115%;pointer-events:none}.amazon-container{background-image:url(/assets/amazon-bg.jpg)}.amazon-menu-screen{background-image:linear-gradient(rgba(85,111,45,.67),rgba(85,111,45,.67)),url(/assets/amazon-bg.jpg)}.amazon-menu,.amazon-play-button,.amazon-pause-button{background-color:#556f2d;font-family:IM Fell English,serif;color:#1a2d13;padding-bottom:10px}.amazon-menu:hover,.amazon-play-button:hover,.amazon-pause-button:hover{background-color:#5d7a52}.amazon-sound{background-color:#889f87;font-family:IM Fell English,serif}.amazon-h1{font-family:IM Fell English,serif;color:#2f4516}.amazon-input[type=range]{background-color:#a0b4ac}.amazon-input[type=range]::-webkit-slider-thumb{background:#556F2D}.amazon-input[type=range]::-moz-range-thumb{background:#556F2D}.harbor-container{background-image:url(/assets/harbor-bg.jpg);background-position:bottom}.harbor-menu-screen{background-image:linear-gradient(rgba(124,119,113,.67),rgba(124,119,113,.67)),url(/assets/harbor-bg.jpg);background-position:bottom}.harbor-menu,.harbor-play-button,.harbor-pause-button{background-color:#7c7771;font-family:IM Fell English,serif;color:#07070f;letter-spacing:1.25px;text-align:center;padding-bottom:10px}.harbor-menu:hover,.harbor-play-button:hover,.harbor-pause-button:hover{background-color:#a8a9a7}.harbor-sound{font-family:IM Fell English,serif;background-color:#576775}.harbor-h1{font-family:IM Fell English,serif;color:#07070f}.harbor-input[type=range]{background-color:#cdd8e2}.harbor-input[type=range]::-webkit-slider-thumb{background:#07070F}.harbor-input[type=range]::-moz-range-thumb{background:#07070F}@font-face{font-family:Hayamichi;src:url(/assets/fonts/Hayamichi.ttf) format("truetype")}.zengarden-container{background-image:url(/assets/zengarden-bg.jpg);background-position:center}.zengarden-menu-screen{background-image:linear-gradient(rgba(116,91,68,.67),rgba(116,91,68,.67)),url(/assets/zengarden-bg.jpg);background-position:center}.zengarden-menu,.zengarden-play-button,.zengarden-pause-button{background-color:#745b44;font-family:Hayamichi,sans-serif;color:#232016;letter-spacing:.15em;text-align:center;padding-bottom:10px}.zengarden-menu:hover,.zengarden-play-button:hover,.zengarden-pause-button:hover{background-color:#d6c7a9}.zengarden-sound{font-family:Hayamichi,sans-serif;background-color:#768b41}.zengarden-h1{font-family:Hayamichi,sans-serif;color:#232016;letter-spacing:3px}.zengarden-input[type=range]{background-color:#d6c7a9}.zengarden-input[type=range]::-webkit-slider-thumb{background:#365E14}.zengarden-input[type=range]::-moz-range-thumb{background:#365E14}.park-container{background-image:url(/assets/park-bg.jpg);background-position:center}.park-menu-screen{background-image:linear-gradient(rgba(156,147,124,.67),rgba(156,147,124,.67)),url(/assets/park-bg.jpg);background-position:center}.park-menu,.park-play-button,.park-pause-button{background-color:#9c937c;font-family:Cormorant Garamond,serif;color:#21212b;letter-spacing:1.25px;text-align:center;font-weight:600;padding-bottom:10px}.park-menu:hover,.park-play-button:hover,.park-pause-button:hover{background-color:#b5a687}.park-sound{font-family:Cormorant Garamond,serif;background-color:#767a3a;font-weight:600}.park-h1{font-family:Cormorant Garamond,serif;color:#091102;letter-spacing:1.25px}.park-input[type=range]{background-color:#b5a687}.park-input[type=range]::-webkit-slider-thumb{background:#605E2B}.park-input[type=range]::-moz-range-thumb{background:#605E2B}