@import url(https://fonts.googleapis.com/css2?family=Komika+Hand&display=swap);.navbar{align-items:center;background-color:#333;display:flex;justify-content:space-between;padding:.5rem 1rem;position:fixed;top:0;width:100%;z-index:1000}.navbar a,.navbar button.icon{background:none;border:none;color:#fff;cursor:pointer;font-size:17px;padding:10px 15px;text-decoration:none}.navbar a:hover,.navbar button.icon:hover{background-color:#ddd;color:#000}.content{padding-top:60px}@media screen and (max-width:600px){.navbar a:not(:first-child){display:none}.navbar.responsive a{display:block;text-align:left;width:100%}.navbar .icon{display:block}.navbar.responsive .icon{position:absolute;right:0;top:0}}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative;text-align:center;width:100%}.keyhole-container{overflow:hidden;position:relative;width:100%}.keyhole-background{display:block;height:auto;width:100%}.quiz-content{box-sizing:border-box;font-family:Komika Hand,sans-serif;left:50%;padding:20px;position:absolute;top:25%;transform:translate(-50%,-50%);width:80%}.answer-input,.submit-button{font-family:Komika Hand,sans-serif;margin:10px 0;padding:10px;width:50%}.submit-button{background-color:#333;border:none;color:#fff;cursor:pointer;transition:background-color .2s}.submit-button:hover{background-color:#555}.image-container{bottom:5%;left:50%;position:absolute;text-align:center;transform:translateX(-50%);width:60%}.image-container img{height:auto;max-width:80%}@media (min-width:768px){.quiz-content{font-size:1.2rem}}@media (min-width:1024px){.quiz-content{font-size:1.5rem}}@media (min-width:1440px){.quiz-content{font-size:2rem}}@media (max-width:768px){.keyhole-container{max-width:100%}.quiz-content{font-size:.4rem;width:70%}}#game-container{background-color:#000;overflow:hidden}.completion-container{align-items:center;display:flex;justify-content:center;text-align:center}
/*# sourceMappingURL=main.f39f094a.css.map*/