body{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}.App{text-align:center}.scrollable{width:50px;height:400px}h1{font-family:"DM Sans"}p{font-family:"Lato"}.form-container{width:280px;height:550px;margin:auto;padding-top:90px}.form-container h1{font-size:30px}.page-container{width:75%;margin:auto}.activity-page{width:100%}.game-page-container{margin:auto;padding-top:20px;padding-bottom:50px;width:70%}.game-screen{position:relative;display:inline-block;cursor:pointer;width:100%}.game-screen:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);content:"▶";font-size:100px;color:#fff;opacity:.8;text-shadow:0 0 30px rgba(0,0,0,.5)}.game-screen:hover:before{color:#eee}.header img{position:relative;z-index:2}.header{display:grid;position:relative;z-index:1;background-image:url(/static/media/headerimg.d789451f.svg);background-size:cover;height:100%;overflow:hidden}.content{grid-area:1/1;width:60%;height:1010px;background:hsla(0,0%,100%,.7);position:absolute}.floating:hover{-webkit-animation-name:floating;animation-name:floating;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes floating{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes floating{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}to{-webkit-transform:translate(0);transform:translate(0)}}.exploreDesc{background:hsla(0,0%,100%,.9);width:30%;margin:0 auto;border-radius:30px;padding:.5%;transition:.3s}.exploreDesc:hover{transition:.3s;width:32%;font-style:italic;border-radius:4px}.pagecard{font-family:"Lato";padding-bottom:20px}.signUpButton{background:#fff;border-radius:39px}.signUpButton:hover{transition:all .5s ease;border-radius:10px}.seeMoreButton{background:#fff;color:#000;border-radius:39px;border:1px solid #000;padding-left:2%;padding-right:2%;font-family:"Nunito";font-size:105%}.seeMoreButton:hover{transition:all .5s ease;background:#1c1b1b;border-radius:10px;border:1px solid #000}.navbar-light .navbar-nav .nav-link{color:#313131}.createNavButton{background:#fff;color:#558d55;border-radius:15px;font-size:92%;border:.2px solid #538f53}.createNavButton:hover{background-color:#fff;transition:all .5s ease;border-radius:5px}.btn-custom{font-family:"Nunito";background:#fff;border-radius:39px;color:#000}.btn-custom:hover{font-family:"Nunito";background:#1d1c1c;border-radius:10px;color:#fff;transition:all .5s ease}.btn-option{background:#fff;border-radius:10px}.answer-section,.btn-option{font-family:"DM Sans";font-size:18px;font-weight:400}.answer-section{padding-bottom:30px}.matching-card{height:150px;width:150px;text-align:center;line-height:120px;box-shadow:0 4px 4px hsla(0,0%,80.8%,.25);border-radius:4px;margin-top:20px;font-family:"DM Sans";font-size:16px;background-color:#eefcf9}.matching-card:active{border-radius:1px;border-width:1px;box-shadow:0 4px 4px #b39d9d}.selected-match{border:2px solid #eee785}.correct-match{background:hsla(0,0%,100%,.2);background:linear-gradient(0deg,hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.7) 100%);color:grey}.timer-container{background:#fff;border-radius:.5em;color:#000;margin:.5em;padding:.5em}.timer{font-size:1em}.activity-progress-card{width:120px;height:26px;background:rgba(0,0,0,.67);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50px;text-align:center;color:#fff;letter-spacing:.03em;font-size:12px;line-height:24px}.end-activity{font-family:"DM Sans";font-size:25px;font-weight:400;height:50%;color:#fff;text-align:center;padding-top:80px}.screen{margin:3% auto auto;width:90%;padding:10%}.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:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.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)}}
/*# sourceMappingURL=main.365075cb.chunk.css.map */