@import url(https://fonts.googleapis.com/css?family=Exo+2:200i);@import url(https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap);:root{--neon-text-color:#f6c;--neon-border-color:#40e0d0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}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;background-image:url(/assets/movie-blue.png);background-position:cover;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;display:flex;justify-content:space-between;align-items:center;flex-direction:column;color:#fff}h2{font-size:25px}p{font-size:17px}span{color:#f6c;color:var(--neon-text-color);font-weight:700;border-bottom:2px solid #40e0d0;border-bottom:2px solid var(--neon-border-color)}.head-container{margin-top:40px;display:flex;font-family:"Exo 2",sans-serif}h1{text-align:center;width:300px;font-size:50px;font-weight:400;font-style:italic;color:#fff;padding:10px;border:.4rem solid #fff;border-radius:2rem;text-transform:uppercase;-webkit-animation:flicker 1.5s infinite alternate;animation:flicker 1.5s infinite alternate}h1::selection{background-color:#40e0d0;background-color:var(--neon-border-color);color:#f6c;color:var(--neon-text-color)}h1:focus{outline:none}@-webkit-keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:-.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 2rem #f6c,0 0 4rem #f6c,0 0 6rem #f6c,0 0 8rem #f6c,0 0 10rem #f6c;text-shadow:-.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 2rem var(--neon-text-color),0 0 4rem var(--neon-text-color),0 0 6rem var(--neon-text-color),0 0 8rem var(--neon-text-color),0 0 10rem var(--neon-text-color);box-shadow:0 0 .5rem #fff,inset 0 0 .5rem #fff,0 0 2rem #40e0d0,inset 0 0 2rem #40e0d0,0 0 4rem #40e0d0,inset 0 0 4rem #40e0d0;box-shadow:0 0 .5rem #fff,inset 0 0 .5rem #fff,0 0 2rem var(--neon-border-color),inset 0 0 2rem var(--neon-border-color),0 0 4rem var(--neon-border-color),inset 0 0 4rem var(--neon-border-color)}20%,24%,55%{text-shadow:none;box-shadow:none}}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:-.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 2rem #f6c,0 0 4rem #f6c,0 0 6rem #f6c,0 0 8rem #f6c,0 0 10rem #f6c;text-shadow:-.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 2rem var(--neon-text-color),0 0 4rem var(--neon-text-color),0 0 6rem var(--neon-text-color),0 0 8rem var(--neon-text-color),0 0 10rem var(--neon-text-color);box-shadow:0 0 .5rem #fff,inset 0 0 .5rem #fff,0 0 2rem #40e0d0,inset 0 0 2rem #40e0d0,0 0 4rem #40e0d0,inset 0 0 4rem #40e0d0;box-shadow:0 0 .5rem #fff,inset 0 0 .5rem #fff,0 0 2rem var(--neon-border-color),inset 0 0 2rem var(--neon-border-color),0 0 4rem var(--neon-border-color),inset 0 0 4rem var(--neon-border-color)}20%,24%,55%{text-shadow:none;box-shadow:none}}.form-section{width:300px;margin-top:20px;margin-bottom:20px;padding:0 20px;height:400px;background-color:rgba(23,22,22,.8);box-shadow:5px 5px 2px 1px rgba(0,0,0,.2);border-radius:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.form-section,button{font-family:"Balsamiq Sans",cursive}button{width:100px;height:50px;border:none;outline:none;color:#fff;background:#111;cursor:pointer;position:relative;z-index:0;border-radius:10px;margin-top:90px;text-transform:uppercase}button:before{content:"";background:linear-gradient(45deg,#f6c,#40e0d0,#f6c,#40e0d0);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;-webkit-filter:blur(5px);filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);-webkit-animation:glowing 20s linear infinite;animation:glowing 20s linear infinite;transition:opacity .3s ease-in-out;border-radius:10px}button:active{color:#000}button:after{background:transparent}button:before{opacity:1}button:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#111;left:0;top:0;border-radius:10px}@-webkit-keyframes glowing{0%{background-position:0 0}50%{background-position:200% 0}to{background-position:0 0}}@keyframes glowing{0%{background-position:0 0}50%{background-position:200% 0}to{background-position:0 0}}@media (min-width:768px) and (max-width:1024px){h1{width:400px;font-size:50px}.form-section{width:400px;height:450px;margin-left:10px}}@media (min-width:1025px){h1{width:400px;font-size:60px}.form-section{width:400px;height:450px;margin-left:10px}h2{font-size:30px}p{font-size:20px}}.name-wrapper{display:flex;justify-content:space-betweens;align-items:center;flex-direction:column;height:100px}.name-heading{margin-top:0;margin-bottom:20px;padding:10px;border-bottom:2px solid #fff}input[type=text]{padding:12px 20px;margin:8px 0;border-radius:10px;border:2px solid var(--neon-border-color);background-color:rgba(23,22,22,.8);color:#fff}.genre-heading{border-bottom:2px solid #40e0d0}.snack-wrapper{display:flex;justify-content:space-betweens;align-items:center;flex-direction:column;height:100px}.snack-header{margin-top:0;margin-bottom:20px;padding:10px;border-bottom:2px solid #fff}.select-snack{display:flex;padding:12px 20px;margin:8px 0;border-radius:10px;border:2px solid var(--neon-border-color);background-color:rgba(23,22,22,.8);color:var(--neon-text-color)}.form-welcome{display:flex;justify-content:center;align-items:center;flex-direction:column;height:80px}.welcome-heading{border-bottom:2px solid #40e0d0}img{margin-top:0;display:flex;width:440px;height:200px}.form-result{display:flex;flex-direction:column;justify-content:center;align-items:center}.result-header{display:flex;margin-top:120px}.result-text{display:inline-block;width:300px;margin-top:-5px}.robot-generator{display:flex;justify-content:center;align-items:center;flex-direction:column;width:200px}.robot-text{display:flex;margin:-5px}.robot-image{display:flex;margin-top:-60px;margin-left:90px;margin-bottom:50px}@media (min-width:768px){.result-text{width:400px}}
/*# sourceMappingURL=main.d13680f5.chunk.css.map */