@import url(https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Victor+Mono:wght@200&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body,html{height:100%}body{font-family:Karla,sans-serif;margin:0;padding:0}.app-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 10px;min-height:100vh}.background-container{background-image:url(/static/media/backgroundimg.119a048d0fe1a80a816c.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-filter:blur(4px);filter:blur(4px);height:100%;z-index:-1}.background-container,nav{left:0;position:fixed;top:0;width:100%}nav{align-items:center;background:linear-gradient(90deg,#0d98ba,#24c5e0);color:#fff;display:flex;height:65px;padding:20px;z-index:999}#logo{height:150%;margin-right:15px}#heading{font-size:25px;font-weight:700;margin-right:auto}h4{font-size:12px;font-weight:500}main{align-items:center;margin:auto;max-width:400px;padding:36px}.form{grid-gap:17px;display:grid;gap:17px;grid-template:40px 40px/1fr 1fr;margin-bottom:17px;margin-top:85px}.search-meme{border:1px solid #d5d4d8;border-radius:5px;text-indent:5px}#submit,.search-meme{font-family:Karla,sans-serif}#submit{background:linear-gradient(90deg,#0d98ba,#24c5e0);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;grid-column:1/-1}.Meme-Text-Image{margin:10px;position:relative}.meme-text{color:#fff;font-family:Victor Mono,sans-serif;font-size:20px;left:50%;letter-spacing:1px;margin:15px 0;padding:0 5px;position:absolute;text-align:center;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000,2px 2px 5px #000;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80%}.memeImage{border-radius:5px;max-width:100%}.bottom{bottom:0}.top{top:0}.memeDisplay{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px;position:relative}.memeDisplay .Meme-Text-Image{text-align:center}.save-btn{background:linear-gradient(90deg,#0d98ba,#24c5e0);border:none;border-radius:50%;cursor:pointer;font-family:Karla,sans-serif;font-size:18px;height:40px;margin:20px}
/*# sourceMappingURL=main.20fac076.css.map*/