.circle-marker{height:25px;width:25px;background-color:#282c34;border-radius:50%;position:absolute}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes App-Scroll-Down{0%{top:0}33%{top:0}to{top:-50%}}@keyframes App-Scroll-Down{0%{top:0}33%{top:0}to{top:-50%}}.signInLogo{text-align:center;display:block;margin-left:auto;margin-right:auto;width:200px;margin-bottom:20px}.signInLogoText{margin-bottom:50px}.signInButton{text-align:center;display:block;cursor:pointer;margin-left:auto;margin-right:auto;width:150px}.mainContainer{position:absolute;width:100%;height:93%;bottom:7%;overflow:hidden}.background{position:absolute;left:0;top:-4em;margin:auto;height:125%;display:block}.nav{position:fixed;bottom:0;width:100%}.braincoral{width:30%;height:30%;top:85%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.braincoral,.coral1{position:absolute;left:25%}.coral1{width:95%;height:95%;top:55%;-webkit-transform:translate(-50%,-50%) rotate(30deg);transform:translate(-50%,-50%) rotate(30deg)}.starfish{position:absolute;width:70%;height:70%;top:70%;left:75%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.userStatisticsTitle{margin-top:-50px;margin-bottom:0}.engageInfoCard,.reuseInfoCard,.travelInfoCard{margin-top:15px;text-align:left}.seasponge{position:absolute;width:50%;height:50%;top:78%;left:15%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.coral2{top:65%;left:85%}.coral2,.seaweed{position:absolute;width:70%;height:70%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.seaweed{top:80%;left:90%}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.Log,.Minus{margin-left:-5vh;border-radius:.5em;width:10vh;height:10vh;position:absolute;top:79vh}.Cup{margin-left:-11vh}.Cup,.Knife{border-radius:.5em;width:10vh;height:10vh;position:absolute;top:67vh}.Knife{margin-left:1vh}.Refuse{margin-left:-11vh}.Bag,.Refuse{border-radius:.5em;width:10vh;height:10vh;position:absolute;top:55vh}.Bag{margin-left:1vh}.Bus{margin-left:-11vh}.Bike,.Bus{border-radius:.5em;width:10vh;height:10vh;position:absolute;top:67vh}.Bike{margin-left:1vh}.Carpool{margin-left:-11vh}.Carpool,.Walk{border-radius:.5em;width:10vh;height:10vh;position:absolute;top:55vh}.Walk{margin-left:1vh}.Plastic{top:43vh}.Plastic,.Transport{margin-left:-5vh;border-radius:.5em;width:10vh;height:10vh;position:absolute}.Transport{top:55vh}.Events{margin-left:-5vh;border-radius:.5em;width:10vh;height:10vh;position:absolute;top:67vh}.infoContainer{height:150%}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fish{position:absolute;left:-10%;top:30%;width:5em;height:5em;transform:rotate(5deg);-webkit-transform:rotate(5deg);animation:swim 17s .5s infinite;-webkit-animation:swim 17s .5s infinite}.fish2{top:60%;width:4.5em;height:4.5em;transform:rotate(5deg) scaleX(-1);animation:swim2 23s 1.5s infinite;-webkit-animation:swim2 23s 1.5s infinite}.fish2,.fish3{position:absolute;right:-30%;-webkit-transform:rotate(5deg)}.fish3{top:40%;width:3.5em;height:3.5em;transform:rotate(5deg);animation:swim3 30s 1.5s infinite;-webkit-animation:swim3 30s 1.5s infinite}.fish2 div,.fish div{position:absolute}@-webkit-keyframes swim{0%{left:-30%;top:50%;-webkit-transform:rotate(5deg);transform:rotate(5deg)}25%{left:10%;top:45%;-webkit-transform:rotate(5deg);transform:rotate(5deg)}35%{left:25%;top:50%;-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{left:40%;top:45%;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}65%{left:70%;top:45%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}85%{left:95%;top:40%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{left:120%;top:45%;-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}}@keyframes swim{0%{left:-30%;top:50%;-webkit-transform:rotate(5deg);transform:rotate(5deg)}25%{left:10%;top:45%;-webkit-transform:rotate(5deg);transform:rotate(5deg)}35%{left:25%;top:50%;-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{left:40%;top:45%;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}65%{left:70%;top:45%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}85%{left:95%;top:40%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{left:120%;top:45%;-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}}@-webkit-keyframes swim2{0%{right:-30%;top:60%;-webkit-transform:rotate(5deg) scaleX(-1);transform:rotate(5deg) scaleX(-1)}25%{right:10%;top:65%;-webkit-transform:rotate(5deg) scaleX(-1);transform:rotate(5deg) scaleX(-1)}35%{right:28%;top:60%;-webkit-transform:rotate(15deg) scaleX(-1);transform:rotate(15deg) scaleX(-1)}50%{right:42%;top:65%;-webkit-transform:rotate(-5deg) scaleX(-1);transform:rotate(-5deg) scaleX(-1)}65%{right:70%;top:60%;-webkit-transform:rotate(0deg) scaleX(-1);transform:rotate(0deg) scaleX(-1)}85%{right:95%;top:60%;-webkit-transform:rotate(0deg) scaleX(-1);transform:rotate(0deg) scaleX(-1)}to{right:120%;top:65%;-webkit-transform:rotate(-20deg) scaleX(-1);transform:rotate(-20deg) scaleX(-1)}}@keyframes swim2{0%{right:-30%;top:60%;-webkit-transform:rotate(5deg) scaleX(-1);transform:rotate(5deg) scaleX(-1)}25%{right:10%;top:65%;-webkit-transform:rotate(5deg) scaleX(-1);transform:rotate(5deg) scaleX(-1)}35%{right:28%;top:60%;-webkit-transform:rotate(15deg) scaleX(-1);transform:rotate(15deg) scaleX(-1)}50%{right:42%;top:65%;-webkit-transform:rotate(-5deg) scaleX(-1);transform:rotate(-5deg) scaleX(-1)}65%{right:70%;top:60%;-webkit-transform:rotate(0deg) scaleX(-1);transform:rotate(0deg) scaleX(-1)}85%{right:95%;top:60%;-webkit-transform:rotate(0deg) scaleX(-1);transform:rotate(0deg) scaleX(-1)}to{right:120%;top:65%;-webkit-transform:rotate(-20deg) scaleX(-1);transform:rotate(-20deg) scaleX(-1)}}@-webkit-keyframes swim3{0%{left:-30%;top:30%;-webkit-transform:rotate(5deg);transform:rotate(5deg)}25%{left:10%;top:25%;-webkit-transform:rotate(5deg);transform:rotate(5deg)}35%{left:25%;top:30%;-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{left:40%;top:25%;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}65%{left:70%;top:25%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}85%{left:95%;top:20%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{left:120%;top:25%;-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}}@keyframes swim3{0%{left:-30%;top:30%;-webkit-transform:rotate(5deg);transform:rotate(5deg)}25%{left:10%;top:25%;-webkit-transform:rotate(5deg);transform:rotate(5deg)}35%{left:25%;top:30%;-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{left:40%;top:25%;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}65%{left:70%;top:25%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}85%{left:95%;top:20%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{left:120%;top:25%;-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}}.map-container{top:0;left:0;width:100vw;height:100vh;position:absolute}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.59ad55ad.chunk.css.map */