*{box-sizing:border-box}body{font-family:Karla,sans-serif;margin:0;background-color:#f0ebf7;background-color:#fff;background-color:#fefeff;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.09'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}main{padding:36px}.header{display:flex;align-items:center;height:65px;background:linear-gradient(90deg,#672280 1.18%,#a626d3 100%);color:#fff;padding:20px}.header--image{height:100%;margin-right:6px}.header--title{font-size:1.25rem;margin-right:auto}.header--project{font-size:.75rem;font-weight:500}.form{display:grid;grid-template:40px 40px / 1fr 1fr;gap:17px;margin-bottom: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;border:none;cursor:pointer}.meme{display:flex;justify-content:center;position:relative}.meme--image{height:400px;width:400px;border-radius:3px}.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}.mid{margin-left:10%;margin-right:10%}@media only screen and (max-width: 900px){.form{grid-template-columns:auto auto}.meme--image{height:300px;width:300px;border-radius:3px}.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;border:none;cursor:pointer}}@media only screen and (max-width: 600px){.form{grid-template-columns:auto}.meme--image{margin-top:5%;height:350px;width:350px;border-radius:3px}.form--button{padding:10px;font-family:Karla,sans-serif;border-radius:5px;background:linear-gradient(90.41deg,#711f8d 1.14%,#a818da 100%);color:#fff;border:none;cursor:pointer}}