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}*{overflow-x:hidden;font-family:"Source Sans Pro",sans-serif}::-webkit-scrollbar{display:none}body{background-color:#f7f2eb}.forms,.loader_screen{max-width:100vw;width:100%;height:100vh;position:absolute;inset:0;z-index:4;overflow:scroll}.forms_center{flex-direction:column}.center,.forms_center{display:flex;justify-content:center;align-items:center}.space_around{justify-content:space-around}.space_between{justify-content:space-between}.loader_screen{z-index:5;background-color:rgba(0,0,0,.4)}.sk-chase{width:40px;height:40px;position:relative;-webkit-animation:sk-chase 2.5s linear infinite both;animation:sk-chase 2.5s linear infinite both}.sk-chase .sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-animation:sk-chase-dot 2s ease-in-out infinite both;animation:sk-chase-dot 2s ease-in-out infinite both}.sk-chase .sk-chase-dot:before{content:"";display:block;width:25%;height:25%;background-color:#fff;border-radius:100%;-webkit-animation:sk-chase-dot-before 2s ease-in-out infinite both;animation:sk-chase-dot-before 2s ease-in-out infinite both}.sk-chase .sk-chase-dot:first-child{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-chase .sk-chase-dot:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s}.sk-chase .sk-chase-dot:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-chase .sk-chase-dot:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-chase .sk-chase-dot:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-chase .sk-chase-dot:nth-child(6){-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-chase .sk-chase-dot:first-child:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-chase .sk-chase-dot:nth-child(2):before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-chase .sk-chase-dot:nth-child(3):before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-chase .sk-chase-dot:nth-child(4):before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-chase .sk-chase-dot:nth-child(5):before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-chase .sk-chase-dot:nth-child(6):before{-webkit-animation-delay:-.6s;animation-delay:-.6s}@-webkit-keyframes sk-chase{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes sk-chase{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes sk-chase-dot{80%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes sk-chase-dot{80%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes sk-chase-dot-before{50%{-webkit-transform:scale(.4);transform:scale(.4)}0%,to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-chase-dot-before{50%{-webkit-transform:scale(.4);transform:scale(.4)}0%,to{-webkit-transform:scale(1);transform:scale(1)}}.header{display:flex;justify-content:space-between;align-items:center;background-color:#2b3de2;color:#f0f8ff;padding:5px 0}.header *{margin:0 2rem}.receipe_screen{height:100vh;z-index:5}.receipe_screen img{width:80%;border-radius:30px;max-width:300px;max-height:300px;margin:10px 0 10px calc(50% - 150px)}.receipe_screen h2{text-align:center;color:#4d4949;-webkit-text-stroke:#000;font-size:1.2rem;display:flex;align-items:center;margin-top:0;position:-webkit-sticky;position:sticky;top:0;z-index:3;background-color:#fcfcfc;-webkit-text-stroke:1px #645e5e;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.receipe_screen h2 .back_button{background-color:hsla(0,0%,96.1%,.644);padding:15px;border-radius:50%;margin:0 5px}.receipe_screen h2 p{text-align:center;width:100%;font-weight:300;letter-spacing:2px}.receipe_screen .desc{padding:10px 20px;background-color:hsla(0,0%,100%,.726)}.receipe_screen .desc p{margin:10px 30px}.receipe_screen .desc p:first-child{display:flex;align-items:center;justify-content:center;background-color:#ff8a1c;border-radius:30px;color:#fff;max-width:300px;margin:0 auto;box-shadow:0 10px 10px hsla(0,3%,60.8%,.203)}.receipe_screen .desc p:first-child h4{margin:15px}.receipe_screen .desc .ingredients{background-color:#f7e4f7;padding:30px;white-space:pre-wrap;border-radius:10px;max-width:80vw;margin:0 auto}.receipe_screen .see-also{margin:20px 0}.receipe_screen .see-also h3{padding:0 25px;letter-spacing:3px}.game_screen{position:absolute;width:100vw;height:100vh}.game_screen nav{height:50px;background-color:hsla(0,0%,93.7%,.9372549019607843);display:flex;align-items:center;color:#2c2a2a}.game_screen nav strong{margin:0 auto;letter-spacing:3px}.game_screen main{height:calc(100vh - 50px);display:flex;justify-content:center;align-items:center;flex-direction:column}.game_screen main .start_button{margin-bottom:20px}.game_screen main .result{display:flex;align-items:center;margin-top:5px}.game_screen main .result img{width:100px;height:100px;border-radius:20px}.game_screen main .result h4{margin-right:10px}.game_screen main .container{display:grid;grid-template-columns:1fr 1fr 1fr;width:300px;height:300px;border:4px solid #456990}.game_screen main .container div{background:#456990;width:100px;height:100px;font-size:2rem;box-sizing:border-box;border:1px solid #f5f5f5;background-size:300px 300px}.game_screen main .container .blue{background-color:#00f;background-position:0 0}.game_screen main .container .green{background-color:green;background-position:top}.game_screen main .container .pink{background-color:pink;background-position:100% 0}.game_screen main .container .yellow{background-color:#ff0;background-position:0}.game_screen main .container .black{background-color:#000;background-position:50%}.game_screen main .container .purple{background-color:purple;background-position:100%}.game_screen main .container .skyblue{background-color:#87ceeb;background-position:0 100%}.game_screen main .container .grey{background-color:grey;background-position:bottom}.game_screen main .container .empty{background:#49445a;background-position:100% 100%;-webkit-filter:blur(109px);filter:blur(109px);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}
/*# sourceMappingURL=main.46ac3fee.chunk.css.map */