@import url(https://fonts.googleapis.com/css2?family=Palette+Mosaic&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Patrick Hand,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{-webkit-animation:GradientAnimation 30s ease infinite;animation:GradientAnimation 30s ease infinite;background:linear-gradient(90deg,#87aaaa,#789395);background-size:400% 400%;height:100vh;text-align:center;width:100vw}@-webkit-keyframes GradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes GradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.AutocompleteAndButton{display:flex;flex:row 1;height:7vh;margin-bottom:1vh;max-width:90%}.Alert{bottom:300;position:fixed;right:300}.Top{height:7vh;margin-bottom:2vh;width:70%}.App-header{align-items:center;color:#f6eabe;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);height:100vh;justify-content:center}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (orientation:portrait){.Top{border-radius:25px;height:7vh;margin-bottom:2vh;width:100vw}}.Guess{background-color:#f6eabe;border-radius:40px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);flex:row 1;height:6vh;margin-top:1.1%;width:65%}.Flag{align-items:center;display:flex;float:left;height:100%;justify-content:center;margin-left:1%;width:6%}.GuessName{font-family:Patrick Hand;margin-bottom:1vh;width:50%}.GuessDistance,.GuessName{background-color:#789395;border-radius:25px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 3px 10px 0 rgba(0,0,0,.19);float:left;height:70%;margin-left:1%;margin-top:1vh;text-align:center}.GuessDistance{padding-left:.5vw;padding-right:.5vw;width:19%}.GuessDirection{border-radius:25px;padding-left:.5vw;padding-right:.5vw;width:12%}.GuessDirection,.GuessPercentage{background-color:#789395;box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 3px 10px 0 rgba(0,0,0,.19);float:left;height:70%;margin-left:1%;margin-top:1vh;text-align:center}.GuessPercentage{border-radius:100px;margin-right:1%;width:7%}@media (orientation:portrait){.Guess{width:90%}.Flag{margin-left:3%;width:10%}.GuessName{font-size:100%;width:40%}.GuessDirection,.GuessDistance{font-size:100%;width:20%}.GuessPercentage{font-size:100%;width:10%}}
/*# sourceMappingURL=main.a2aee1a7.css.map*/