*{box-sizing:border-box;margin:0;padding:0}body{font-family:Karla,sans-serif;margin:0}main{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 20px 50px;margin:auto}.header{display:flex;align-items:center;height:65px;background:linear-gradient(90deg,#16a085 1.18%,#2ecc71);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--container{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;width:100%;max-width:600px}.form{display:flex;flex-direction:column;align-items:center;width:80%;max-width:600px;margin:0 auto;padding:20px;box-sizing:border-box}.input-group{display:flex;flex-direction:column;width:100%;margin-bottom:20px}label{font-size:1rem;color:#333;margin-bottom:5px}.input{font-family:Karla,sans-serif;border-radius:5px;border:1px solid #ccc;padding:10px;font-size:1rem;width:100%;box-sizing:border-box}.form--button{width:100%;max-width:600px;padding:12px;font-size:1.1rem;font-family:Karla,sans-serif;border-radius:5px;background:linear-gradient(90deg,#16a085 1.18%,#2ecc71);color:#fff;border:none;cursor:pointer}.meme{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;margin-top:20px;position:relative}.meme--image{width:100%;border-radius:3px}.meme--text{position:absolute;width:80%;text-align:center;color:#fff;font-size:2em;text-transform:uppercase;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.meme--text.top{top:10%}.meme--text.bottom{bottom:10%}.footer{background:linear-gradient(90deg,#16a085 1.18%,#2ecc71);color:#fff;display:flex;justify-content:center;align-items:center;height:7%;width:100%;position:fixed;bottom:0;left:0;font-size:.85rem}.footer--text a{color:#fff;text-decoration:underline}.footer--text a:hover{color:#b2f7c1}@media (max-width: 768px){.form--input input,.form--button{width:90%}.meme--text{font-size:1.5em}}@media (max-width: 480px){.form--input input,.form--button{width:100%}.meme--text{font-size:1.2em}}