@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;900&family=Karla:wght@400;700&display=swap";body{margin:0}.container{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(0deg,#48165a 1.18%,#c82fff)}.wrapper{padding:40px}#header{width:550px;height:65px;background:linear-gradient(90deg,#672280 1.18%,#a626d3);color:snow;display:flex;justify-content:space-between;align-items:center;border-radius:7px 7px 0 0}#header .fa-github{font-size:24px;margin-left:18px}#header .fa-github:hover{opacity:.8}#header a{text-decoration:none;color:snow}#header img{margin-right:10px}#header h1{font-size:24px;font-weight:700;font-family:Karla}#header p{font-size:12px;font-weight:500;font-family:Inter;margin:0}#header #memeface,#meme{display:flex;align-items:center}#meme{flex-direction:column;background-color:snow;border-radius:0 0 7px 7px}#meme button{cursor:pointer;width:477px;height:40px;background:linear-gradient(90.41deg,#711f8d 1.14%,#a818da);border-radius:5px;color:snow;font-weight:700;font-size:16px;border:none}#meme button:hover{background:linear-gradient(90.41deg,rgba(114,31,141,.851) 1.14%,rgba(170,24,218,.835))}#meme button:active{scale:1.01}#meme .form--input{font-family:Karla;width:216px;height:35px;border:1px solid #d5d4d8;border-radius:5px;padding-left:10px;font-size:16px}#meme .form--input:focus{outline:1px solid #672280!important;background-color:rgba(238,189,255,.329)}#meme input::placeholder{color:#0d0d0d;font-weight:400}#meme #meme--inputs{margin:36px 0 15px;display:flex;gap:17px}#click-info{margin:8px 0;font-family:Inter;color:#da72ff;font-size:14px;font-weight:500}.meme-img{position:relative;margin-top:36px;display:flex;cursor:pointer}.meme-img:hover{opacity:.95}.meme-img img{width:477px}.meme--text{word-wrap:break-word;max-width:100%;position:absolute;width:80%;text-align:center;left:50%;transform:translateX(-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}.top-text{top:0}.bottom-text{bottom:0}@media screen and (max-width:600px){.wrapper{padding:0;height:100vh}#header{width:100vw;border-radius:0}#header .fa-github{font-size:20px;margin-left:22px}#meme--inputs{flex-direction:column}#meme{height:100%}#meme .form--input{width:calc(100vw - 60px)}#meme button,.meme-img img{width:calc(100vw - 40px)}}