body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;overflow-x:hidden;padding:0}.App{background:linear-gradient(45deg,#fff,pink)}#secondPage,.App{align-items:center;display:flex;flex-direction:column;gap:45px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:top;min-height:100vh;width:100%}#secondPage{background:linear-gradient(45deg,#fff,#02d561)}.thirdPage{align-items:center;animation:wave 3s infinite alternate;background:linear-gradient(45deg,#cb8a0a,#ff3636);background-size:200% 200%;display:flex;flex-direction:column;gap:45px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:top;min-height:100vh;width:100%}@keyframes wave{0%{background-position:0 100%}to{background-position:100% 0}}.title{border-bottom:3px dotted red;font-family:fantasy;font-size:32px;padding:15px}.p-container{cursor:pointer;font-family:coax;font-size:22px;line-height:24px;padding-left:10%;padding-right:10%;transition:filter 1s ease}.myBtn{background:linear-gradient(135deg,#ff9a9e,#fad0c4);border:none;border-radius:50px;box-shadow:0 5px 15px #ff69b466;color:#fff;cursor:pointer;font-family:Pacifico,cursive;font-size:30px;font-weight:700;padding:10px 20px;transition:all .3s ease-in-out}.myBtn:hover{background:linear-gradient(135deg,#ff758c,#ff7eb3);box-shadow:0 8px 20px #ff69b499;transform:scale(1.1)}.myBtn:active{transform:scale(.95)}.input_box{border:2px solid #db7093;border-radius:10px;box-shadow:5px 5px 5px grey;font-family:coax;font-size:30px;height:30px;margin:50px;padding:3px;position:relative;width:80%}.myBtn{background:#0000;padding:10px}.game-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;transition:opacity 1s ease}h1{font-size:24px;text-align:center}.win{font-size:30px;padding:50px}.grid-container{grid-gap:20px;display:grid;grid-template-columns:repeat(2,200px);justify-content:center;z-index:2}.image-container{align-items:center;cursor:pointer;display:flex;height:200px;justify-content:center;transition:opacity .5s ease;width:200px}.image-container img{border-radius:10px;max-height:100%;max-width:100%}.text-container{display:flex;flex-direction:column;gap:10px;text-align:center}.text-item{color:#333;cursor:pointer;font-size:18px;transition:opacity .5s ease;z-index:2}.text-item:hover{color:red}#abs-div{align-items:center;cursor:pointer;display:flex;height:600px;justify-content:center;opacity:0;position:absolute;transition:opacity .5s ease;width:600px;z-index:1}.abs-img{max-height:100%;max-width:100%}.btn:link,.btn:visited{border-radius:100px;display:inline-block;margin:5px;overflow-y:hidden;padding:20px 40px;padding:15px 40px;text-decoration:none;text-transform:uppercase;transition:all .2s}.btn:hover{box-shadow:0 10px 20px #0003;transform:translateY(-3px)}.btn:active{box-shadow:0 5px 10px #0003;transform:translateY(-1px)}.btn-white{background-color:#fff;color:#777}.btn:after{border-radius:100px;content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;transition:all .4s;width:100%;z-index:-1}.btn-white:after{background-color:#fff}.btn:hover:after{opacity:0;transform:scaleX(1.4) scaleY(1.6)}.btn-animated{animation:moveInBottom 5s ease-out;animation-fill-mode:backwards}.answer-button{background-color:violet;border-color:#000;border-radius:5px;color:#fff;font-size:30px;padding:10px}.game-grid{grid-gap:30px;align-self:center;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);height:80vmin;margin-top:10px;padding:10px;position:relative;width:150vmin}.card{align-items:center;background-color:#61dafb;border-radius:5px;color:#000;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:100%;justify-content:center;transition:transform .3s,background .3s;width:100%}.card:hover{transform:scale(1.05)}.myInput{background-color:#fff0f5;border:2px solid #ffb6c1;border-radius:10px;color:#ff69b4;font-size:18px;max-width:300px;outline:none;padding:10px;text-align:center;transition:all .3s ease-in-out;width:100%}.myInput:focus{border-color:#ff69b4;box-shadow:0 0 10px #ffb6c1}#animated{text-wrap:nowrap;animation:typing 3s steps(30) infinite alternate-reverse;overflow:hidden;width:40ch}.flicker{animation:realistic-flicker .3s infinite;text-shadow:5px 5px 10px #000}@keyframes realistic-flicker{0%{opacity:1}20%{opacity:.4}40%{opacity:.8}60%{opacity:.3}80%{opacity:.9}to{opacity:1}}@keyframes typing{0%{width:0}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.game-button{background-color:#ff5672;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2em;padding:15px 30px}.game-p{font-size:28px}
/*# sourceMappingURL=main.e6536821.css.map*/