:root{--main-text-color:#000;--tab-color-inactive:hsla(0,0%,100%,.5);--tab-color-active:#fff;--color-1:#f49fbc;--color-2:#805d93;--color-3:#ffd3ba;--color-4:#9ebd6e}.react-tabs__tab-list{margin:0;padding:0;display:flex;list-style:none;grid-gap:1rem;gap:1rem;justify-content:center;font-size:4rem}.react-tabs__tab{color:var(--tab-color-inactive);cursor:pointer}.react-tabs__tab--selected{color:var(--tab-color-active)}.react-tabs__tab--selected:after{content:"";width:0;height:0;border-color:transparent transparent #fff;border-style:solid;border-width:0 1rem 1rem;text-align:center;display:block;margin:auto}.react-tabs__tab-panel{display:none;text-align:center;border-radius:1rem;box-shadow:10px 10px 50px rgba(0,0,0,.3)}.react-tabs__tab-panel--selected{display:block;background:#fff;padding:4rem}.gamegrid{text-align:center}.gamegrid-gameitem{border-radius:.25rem;box-shadow:4px 4px 4px rgba(0,0,0,.5);margin:1rem;border:none}.navbar{display:flex;justify-content:center;align-items:center;flex-direction:column-reverse}.navbar-divider{margin:1.75rem 1rem;border-left:1px solid #fff;align-self:stretch;display:none}.navbar-links{display:flex;align-items:center;grid-gap:1rem;gap:1rem}@media(min-width:576px){.navbar{flex-direction:row;grid-gap:1rem;gap:1rem}.navbar-divider{display:block}.navbar-tabs{margin-top:1rem}}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}@-webkit-keyframes bg-cycle{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes bg-cycle{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}html{min-height:100vh;background:#f49fbc;background:linear-gradient(45deg,var(--color-1) 0,var(--color-2) 100%);background-size:200%;-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:bg-cycle;animation-name:bg-cycle;color:var(--main-text-color)}body{font-family:Open Sans,monospace}h1,h2,h3{text-align:center;margin:1rem auto 2rem}h1{font-size:4rem}h2{font-size:3rem}.text-center{text-align:center}.button{display:inline-block;border-radius:.25rem;padding:.5rem;border:1px solid;background:var(--color-3);box-shadow:4px 4px 4px rgba(0,0,0,.5)}.button:focus,.button:hover{background:var(--color-2);color:#fff}.button:focus{box-shadow:none;margin-top:4px;margin-left:4px}main[role=main]{margin:32px}@media(min-width:576px){main[role=main]{margin:32px auto;max-width:511.98px}}@media(min-width:768px){main[role=main]{max-width:703.98px}}@media(min-width:992px){main[role=main]{max-width:927.98px}}@media(min-width:1200px){main[role=main]{max-width:1135.98px}}@media(min-width:1400px){main[role=main]{max-width:1335.98px}}