.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.main{width:100%;height:100%;background:#fff;display:flex;justify-content:center;align-items:center}.btn{border:1px solid green;padding:.5em;min-width:150px;background:#adff2f;border-radius:.5em;cursor:pointer;width:fit-content;margin:.5em}.pytanie{font-size:50px;padding:1em;border:1px solid green;border-radius:5px;background:#e4ffbb;box-shadow:0 1px 13px #0000004d;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}.answer{padding-top:.2em;border:6px solid #ffe300;width:3em;height:3em;display:grid;justify-items:center;align-content:center;margin:1em;background:#fff561;font-size:30px;border-radius:50%;box-shadow:0 2px 12px #0000004d;box-sizing:border-box;transition:all .1s ease-in-out;cursor:pointer}.answer-only-show{border:6px solid #ffe300;width:2.5em;height:2.5em;display:grid;justify-items:center;align-content:center;margin:1em;background:#fff561;font-size:30px;border-radius:50%;box-shadow:0 2px 12px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.answers{display:flex;justify-content:center}.answer:hover{transform:scale(1.2);background:#adff2f;border-color:green}.game{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.result{width:1000px;height:300px;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 21px #0003;border-radius:10px;padding:2em;display:flex;flex-direction:column;box-sizing:border-box}.content{flex:1;display:flex;justify-content:center;align-items:center;font-size:53px;margin:10px;border-radius:10px}.green{color:green}.red{color:red}.actions{display:grid;justify-content:center}.result-icon{font-size:2.5em}.result-text{flex:1;width:10%}.result-sign{transform:scale(.6);display:flex;align-items:baseline}.punkty{position:relative;font-size:140px}.punkty-wrapper{display:flex;flex-direction:column;justify-content:space-between;height:max-content;position:absolute;right:0;top:0}.plus{color:#1cff1c}.minus{color:red}.punkty-text{position:absolute;color:#000;font-size:39px;top:50%;left:50%;transform:translate(-50%,-50%)}input{padding:10px;margin:10px;border-radius:6px;border:1px solid grey;background:#feffd3;box-shadow:-1px -1px #ffffffe6 inset;outline:navajowhite;font-size:20px;width:150px}.starter{display:flex;flex-direction:column;justify-content:center;align-items:center}.overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#0000004d}.prompt-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1em}@media screen and (max-width: 860px){.main{width:100%;height:100%;background:#fff;display:flex;justify-content:start;align-items:center;flex-direction:column}.btn{border:1px solid green;padding:.5em;min-width:150px;background:#adff2f;border-radius:.5em;cursor:pointer;width:fit-content;margin:.5em}.pytanie{font-size:10px;padding:3em 1em;border:1px solid green;border-radius:5px;background:#e4ffbb;box-shadow:0 1px 13px #0000004d;width:-moz-fit-content;width:90%;max-width:100%;margin-left:auto;margin-right:auto}.pytanie>svg{width:auto;height:65px}.answer{padding-top:.2em;border:6px solid #ffe300;width:3em;height:3em;display:grid;justify-items:center;align-content:center;margin:1em 0;background:#fff561;font-size:25px;border-radius:50%;box-shadow:0 2px 12px #0000004d;box-sizing:border-box;transition:all .1s ease-in-out;cursor:pointer}.answer-only-show{border:6px solid #ffe300;width:2.5em;height:2.5em;display:grid;justify-items:center;align-content:center;margin:1em 0;background:#fff561;font-size:23px;border-radius:50%;box-shadow:0 2px 12px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.answers{display:flex;justify-content:center;gap:2em}.answer:hover{transform:scale(1.2);background:#adff2f;border-color:green}.game{position:relative;top:unset;left:unset;transform:none;width:100%}.result{width:100%;height:300px;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 21px #0003;border-radius:10px;padding:2em;display:flex;flex-direction:column;box-sizing:border-box}.content{flex:1;display:flex;justify-content:center;align-items:center;font-size:20px;margin:10px;border-radius:10px}.green{color:green}.red{color:red}.actions{display:grid;justify-content:center}.result-icon{font-size:2.5em}.result-text{flex:1;width:10%}.result-sign{transform:scale(.8);display:flex;align-items:center}.punkty{font-size:90px}.punkty-wrapper{display:flex;flex-direction:row;justify-content:space-between;height:-moz-max-content;height:max-content;width:-moz-max-content;width:max-content;position:relative;left:unset;top:unset;transform:none;transform-origin:top left;right:unset}.plus{color:#1cff1c}.minus{color:red}.punkty-text{position:absolute;color:#000;font-size:22px;top:50%;left:50%;transform:translate(-50%,-50%)}input{padding:10px;margin:10px;border-radius:6px;border:1px solid grey;background:#feffd3;box-shadow:-1px -1px #ffffffe6 inset;outline:navajowhite;font-size:20px;width:150px}.starter{display:flex;flex-direction:column;justify-content:center;align-items:center}.overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#0000004d}.prompt-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1em}}#app{font-family:sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}