.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.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}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ocean-cell{width:50px;height:50px;background-color:#7fcdff;border:1px solid #000;cursor:pointer;-webkit-animation:rotate-ocean 1s;animation:rotate-ocean 1s}.ocean-cell:hover{transform:scale(1.1)}.island{-webkit-animation:rotate-island 1s;animation:rotate-island 1s;background-color:#7fb988}@-webkit-keyframes rotate-island{0%{background-image:linear-gradient(90deg,#7fcdff 0,#7fb988)}20%{background-image:linear-gradient(90deg,#7fcdff 0,#7fb988 80%)}40%{background-image:linear-gradient(90deg,#7fcdff 0,#7fb988 60%)}60%{background-image:linear-gradient(90deg,#7fcdff 0,#7fb988 40%)}80%{background-image:linear-gradient(90deg,#7fcdff 0,#7fb988 20%)}to{transform:rotate(180deg);background-image:linear-gradient(90deg,#7fcdff 0,#7fb988 0)}}@keyframes rotate-island{0%{background-image:linear-gradient(90deg,#7fcdff 0,#7fb988)}20%{background-image:linear-gradient(90deg,#7fcdff 0,#7fb988 80%)}40%{background-image:linear-gradient(90deg,#7fcdff 0,#7fb988 60%)}60%{background-image:linear-gradient(90deg,#7fcdff 0,#7fb988 40%)}80%{background-image:linear-gradient(90deg,#7fcdff 0,#7fb988 20%)}to{transform:rotate(180deg);background-image:linear-gradient(90deg,#7fcdff 0,#7fb988 0)}}@-webkit-keyframes rotate-ocean{0%{background-image:linear-gradient(90deg,#7fb988 0,#7fcdff)}20%{background-image:linear-gradient(90deg,#7fb988 0,#7fcdff 80%)}40%{background-image:linear-gradient(90deg,#7fb988 0,#7fcdff 60%)}60%{background-image:linear-gradient(90deg,#7fb988 0,#7fcdff 40%)}80%{background-image:linear-gradient(90deg,#7fb988 0,#7fcdff 20%)}to{transform:rotate(180deg);background-image:linear-gradient(90deg,#7fb988 0,#7fcdff 0)}}@keyframes rotate-ocean{0%{background-image:linear-gradient(90deg,#7fb988 0,#7fcdff)}20%{background-image:linear-gradient(90deg,#7fb988 0,#7fcdff 80%)}40%{background-image:linear-gradient(90deg,#7fb988 0,#7fcdff 60%)}60%{background-image:linear-gradient(90deg,#7fb988 0,#7fcdff 40%)}80%{background-image:linear-gradient(90deg,#7fb988 0,#7fcdff 20%)}to{transform:rotate(180deg);background-image:linear-gradient(90deg,#7fb988 0,#7fcdff 0)}}body{height:100vh;background-color:#f3f3f3;margin: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.89800615.chunk.css.map */