@import"https://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap";*,*:before,*:after{margin:0;box-sizing:border-box}body{font-family:Karla,sans-serif}.App{min-height:100vh;display:flex;flex-direction:column}.container{max-width:600px;width:100%}@media screen and (min-width: 601px){.container{max-width:900px;margin:0 auto}header{max-width:inherit}}img{max-width:100%;height:auto}.nav{display:flex;background:linear-gradient(90deg,#672280 1.18%,#A626D3 100%);color:#fff;place-content:center;padding:1em;gap:.5em}.nav img{max-width:2.5rem}section{width:100%;place-self:center;padding:1em}.form{display:grid;gap:.5em}.form input{min-height:3em;padding:.2em;height:35px;border:1px solid #D5D4D8;border-radius:5px;font-weight:400;font-size:12px;line-height:14px;color:#0d0d0d}#genBtn{all:unset;background:linear-gradient(90.41deg,#711F8D 1.14%,#A818DA 100%);height:3em;font-weight:700;font-size:16px;line-height:19px;text-align:center;letter-spacing:-.1em;border-radius:5px;color:#fff;cursor:pointer}.meme__container{display:flex;justify-content:center;position:relative}.meme__img{box-shadow:-1px -1px 10px #c3b7c7;display:block;z-index:1}.first__text,.second__text{position:absolute;z-index:10;display:block;text-align:center;left:50%;transform:translate(-50%);margin:15px 0;padding:0 5px;font-family:impact,sans-serif;font-size:2em;text-transform:uppercase;color:#fff;letter-spacing:1px;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}.first__text{top:0}.second__text{bottom:0}@media screen and (min-width: 601px){.form{grid-template-columns:repeat(2,1fr)}#genBtn{grid-column:span 2}}