*{box-sizing:border-box}body{margin:0}main{position:relative}main{background-image:url(/bg.png);height:100vh;width:100%;padding:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.form--button{padding:20px 40px;border-radius:5px;background-color:#f7971e;color:#fff;border:none;cursor:pointer;font-size:1.2rem}#new-image{position:absolute;bottom:90px;right:10px}#download{position:absolute;bottom:10px;right:10px}.meme{background-color:#ffefd5;display:flex;height:auto;width:auto;position:relative;align-items:center;justify-content:center;flex-direction:column;max-height:90vh;border:5px dashed white;overflow:hidden}.meme--image{max-width:100%;max-height:100%;border-radius:5px;overflow:hidden;box-shadow:#0000003d 0 3px 8px}.meme--text{width:80%;text-align:center;margin:15px 0;padding:0 5px;font-family:impact,sans-serif;font-size:2em;text-transform:uppercase;color:#fff;background-color:transparent;outline:none;border:5px dashed white;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{position:absolute;top:0}#top{position:absolute;bottom:0}.inputcontainer{position:absolute;height:auto;width:100%;text-align:center}.inputcontainer:hover,.input:hover{cursor:move}.footer{position:absolute;bottom:5px;right:5px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:.7rem;background-color:#fff;padding:12px;border-radius:5px}@media only screen and (max-width: 400px){body{background-color:#7fffd4}main{padding:0}.form--button{padding:12px}#new-image{position:relative;top:0;right:0;margin-top:50px}}