body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#dfdfdf}.App{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100vw}.container{border-radius:20px;min-height:34rem;min-width:30rem;overflow:hidden}nav{background:linear-gradient(90deg,#672280 1.18%,#a626d3);color:#fff;height:3rem;justify-content:center;padding:.8rem;width:99%}.faceContainer,nav{align-items:center;display:flex}.trollFace{margin:0 10px;width:12%}main{align-items:stretch;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin-top:1.5rem;width:100%}.form{grid-gap:17px;display:grid;gap:17px;grid-template:40px 40px/1fr 1fr;margin-bottom:17px}.form-input{border:1px solid #d5d4d8;border-radius:5px;font-family:Karla,sans-serif;text-indent:5px}.form-input:hover{border:2px solid #711f8d;box-shadow:inset 0 0 2px #000;transition:all .2s ease-in-out}.form-btn{background:linear-gradient(90.41deg,#711f8d 1.14%,#a818da);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Karla,sans-serif;grid-column:1/-1;transition:all .3s ease-in-out}.form-btn:hover{background:linear-gradient(90.41deg,#790e9c 1.14%,#680987);border:1px solid #000;box-shadow:0 0 2px #000;text-shadow:0 0 2px #fff}.meme{display:flex;justify-content:center;position:relative}.memeImg{border-radius:3px;cursor:pointer;max-width:80%;transition:all .3s ease-in-out}.memeImg:hover{box-shadow:0 0 10px #000}.memeText{color:#fff;font-family:impact,sans-serif;font-size:2em;left:50%;letter-spacing:1px;margin:15px 0;padding:0 5px;position:absolute;text-align:center;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;text-transform:uppercase;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80%}.bottom{bottom:0}.top{top:0}.refreshBtn{background:linear-gradient(90.41deg,#711f8d 1.14%,#a818da);border:none;border-radius:20px;border-radius:5px;color:#fff;cursor:pointer;font-family:Karla,sans-serif;padding:.5rem;transition:all .3s ease-in-out}.refreshBtn:hover{background:linear-gradient(90.41deg,#790e9c 1.14%,#680987);border:1px solid #000;box-shadow:0 0 2px #000;text-shadow:0 0 2px #fff}
/*# sourceMappingURL=main.855bcca9.css.map*/