html,input{font-size:18px}body{margin:0;background-image:url(/static/media/Cool-Smiley-Face-Emoji-Wallpaper.a2dbeb7c.jpg);box-sizing:border-box;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}#root{height:100vh;width:100vw;display:grid;grid-template:1fr 6fr 1fr/1fr 3fr 3fr 1fr}h1{grid-column:2/span 2;text-align:center;margin-top:3rem;color:#000}.inputFields{grid-area:2/2;display:flex;flex-direction:column;align-items:center;padding:2rem;background-color:#eee;border-radius:1rem 0 0 1rem;box-shadow:.278rem .444rem .556rem rgba(0,0,0,.3607843137254902);overflow:scroll}label{margin-bottom:.5rem;font-weight:600;color:#222831}input{width:15rem;border-radius:.278rem;border:.056rem solid #222831;height:1.8rem}input,label{display:block}input{margin-bottom:3rem;box-shadow:-.222rem .167rem .444rem 0 #c5c5c5}button{color:#090909;padding:.7em 1.7em;font-size:18px;border-radius:.5em;background:#e8e8e8;border:1px solid #e8e8e8;transition:all .3s;box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;margin-bottom:20px}button:hover{border:1px solid #fff;cursor:pointer}button:active{box-shadow:4px 4px 12px #c5c5c5,-4px -4px 12px #fff}.previewMeme{grid-area:2/3;display:flex;align-items:center;justify-content:center;background-color:#eee;border-radius:0 1rem 1rem 0;box-shadow:.278rem .444rem .556rem rgba(0,0,0,.3607843137254902)}.previewMeme>img{width:25rem;height:25rem;border:.056rem solid #222831}.overlay{position:absolute;visibility:hidden;width:100vw;height:100vh;background-color:rgba(57,62,70,.9098039215686274);display:flex;justify-content:center;align-items:center}.overlay>div{background-color:#eee;width:40rem;height:40rem;box-shadow:.278rem .444rem .556rem rgba(0,0,0,.3607843137254902);display:grid;grid-template:1fr 15fr 1fr/1fr 15fr 1fr}.overflow{overflow:scroll}.overflow>div{display:inline}.overflow>div>img{margin:.5rem;cursor:pointer}.visible{animation:visible .2s ease-in-out forwards}@keyframes visible{0%{visibility:hidden;opacity:0}1%{visibility:visible;opacity:0}to{visibility:visible;opacity:1}}.hidden{animation:hidden .2s ease-in-out forwards}@keyframes hidden{0%{visibility:visible;opacity:1}99%{visibility:visible;opacity:0}to{visibility:hidden;opacity:0}}.close{width:2rem;height:2rem;grid-area:1/3;display:flex;justify-content:center;align-items:center;margin:.5rem}.close:hover{cursor:pointer}.close:after,.close:before{content:" ";position:absolute;height:1.833rem;width:.112rem;background-color:#222831}.close:before{transform:rotate(45deg)}.close:after{transform:rotate(-45deg)}.close~div{grid-area:2/2}
/*# sourceMappingURL=main.b7e4558b.chunk.css.map */