*{box-sizing:border-box}html,body{margin:0;padding:0}header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(90deg,#672280 1.18%,#a626d3 100%);color:#fff;font-family:Anton,sans-serif;letter-spacing:1px}.logo--text{display:flex;align-items:center}.logo--image{height:3rem;margin-left:1rem;margin-bottom:2px}h1{font-size:2rem;margin:0}h3{font-size:1rem;margin:0}.form--section{padding-top:35px}.form{font-family:Karla,sans-serif;margin:0 auto;max-width:700px;display:grid;grid-template:40px 40px / 1fr 1fr;gap:17px}.form--input{font-family:Karla,sans-serif;border-radius:5px;border:1px solid #d5d4d8;text-indent:5px}.form--button{grid-column:1 / -1;font-family:Karla,sans-serif;border-radius:5px;background:linear-gradient(90.41deg,#711f8d 1.14%,#a818da 100%);color:#fff;cursor:pointer}.form--button:hover{background:linear-gradient(180.81deg,#711f8d 1.14%,#a818da 100%)}.form--button:active{transform:translateY(2px)}@media only screen and (max-width: 768px){header{flex-direction:column}.logo--text{margin-bottom:1rem}h1{font-size:1.5rem}h3{font-size:.8rem}}.meme{position:relative}.meme--image{padding-top:17px;max-width:700px;width:80vw;display:block;margin:0 auto}.meme--text{position:absolute;width:80%;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}.bottom{bottom:0}.top{top:0}@media only screen and (max-width: 768px){.meme--text{font-size:1.8em}}@media only screen and (max-width: 425px){.meme--text{font-size:1.2em}}@media only screen and (max-width: 350px){.meme--text{font-size:1em}}