body{margin:0 0 150px;font-family:"Lato",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.quiz{display:flex;flex-direction:column;align-items:center;justify-content:space-around;align-content:center}.flex-question>legend{width:70vw;min-width:67rem;height:-webkit-max-content;height:-moz-max-content;height:max-content;font-size:2em;font-weight:800;background-color:#208aae;text-align:center;padding:1rem;color:#fff}.pattern{width:25rem;height:35rem;border-radius:.375rem;font-weight:400;--tw-shadow:0 3px 5px 0 rgba(0,0,0,0.1),0 3px 5px 0 rgba(0,0,0,0.1);box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#b8f2e6;padding-bottom:1em}.pattern>img{object-fit:cover;height:70%;max-width:100%;border-top-left-radius:.375rem;border-top-right-radius:.375rem}.pattern>button{display:inline-block;padding:.3em 1.2em;margin:0 .3em .3em 0;border-radius:2em;border-color:#fff;text-decoration:none;font-weight:400;color:#fff;background-color:#208aae;text-align:center}.title{font-weight:800}.question{width:70vw;min-width:67rem;height:45rem;border-radius:1rem;font-weight:300;--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);background-color:#ffa69e;overflow:hidden;margin-bottom:3em}.flex-question{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:inherit}.answer-tile{align-self:center;display:grid;justify-items:center;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:15px 30px;gap:15px 30px;grid-template-areas:". ." ". ."}.answer-clickable{border-radius:.375rem;width:23rem;height:18rem;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;color:#fff}.image-text{background-color:#208aae;height:20%}.answer-image{min-width:inherit;height:80%;overflow:hidden}.answer-image>img{width:100%;height:100%;object-fit:cover;object-position:center}.image-credit{font-size:.8em;font-weight:400}.image-caption{font-size:1.5em;font-weight:400}.display-patterns{margin:20px auto auto;width:70vw}.display-grid{max-width:inherit;min-width:inherit;display:grid;justify-content:center;justify-items:center;align-items:center;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:15px 15px;gap:15px 15px;grid-template-areas:". ." ". .";margin-bottom:40px}.results{display:flex;flex-direction:column;justify-content:space-between;font-size:1rem}.results>button{max-width:50%;max-height:50%;align-self:center;display:inline-block;padding:.3em 1.2em;margin:.5em .3em .3em 0;border-radius:2em;border-color:#fff;text-decoration:none;font-weight:600;color:#fff;background-color:#ffa69e;text-align:center}@media only screen and (max-width:800px){.display-grid{align-self:center;max-width:inherit;min-width:25rem;display:flex;flex-direction:column;justify-content:center;justify-items:center;align-items:center;margin-bottom:40px}}@media only screen and (max-width:800px){.question{width:90vw;min-width:25rem;height:-webkit-max-content;height:-moz-max-content;height:max-content;border-radius:1rem;font-weight:300;--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);background-color:#ffa69e;overflow:hidden;margin-bottom:3em}}@media only screen and (max-width:800px){.answer-tile{display:flex;flex-direction:column;margin-bottom:15px}}@media only screen and (max-width:800px){.flex-question>legend{width:90vw;min-width:25rem;height:-webkit-max-content;height:-moz-max-content;height:max-content;font-size:2em;font-weight:800;background-color:#208aae;padding:1rem;color:#fff}}.App{text-align:center;background-color:#fff;font-family:"Lato",sans-serif}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.GoogleOAuth{display:flex;align-items:center;align-content:center;justify-content:space-evenly;margin-left:25%;margin-right:25%}
/*# sourceMappingURL=main.9fd4fb82.chunk.css.map */