:root{--color-gradient:linear-gradient(160deg,#feac5e,#c779d0 50%,#4bc0c8);--color-primary-one:#feac5e;--color-primary-two:#c779d0;--color-primary-three:#4bc0c8;--color-danger:#ff2d55;--color-gray:#999;--color-light-gray:#f5f5f5;--color-yellow:#edd00f;--color-text-primary:#87000000;--color-text-secondary:#60000000;--color-text-disabled:#38000000}[hidden]{display:none!important}@keyframes loadinganimation{0%{background-position:0 0}to{background-position:100% 30%}}*{box-sizing:border-box}body,html{height:100vh}body{background-color:#fff;display:flex;flex-direction:column;font-family:Shantell Sans,cursive;margin:0;min-height:100vh;overflow:hidden;position:relative}body:before{background:url(assets/cat.png) no-repeat;background-size:cover;bottom:0;content:"";height:323px;opacity:.1;pointer-events:none;position:fixed;right:0;width:291px;z-index:-1}main{display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem;margin:0 auto;max-width:475px;min-height:0;overflow-y:auto;padding:1rem;width:100%}button{border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-family:Shantell Sans,cursive;font-size:.875rem;font-weight:400;outline:none;padding:.5rem 1rem;transition:opacity .2s ease-in-out}button:hover{opacity:.85;transform:scale(1.01)}p{font-size:1rem;margin:0}#app-bar{background-image:url(assets/app-bar.png);background-repeat:no-repeat;background-size:cover;color:#fff;filter:drop-shadow(0 0 4px var(--color-primary-two));font-size:1.25rem;font-weight:500;height:60px;line-height:60px;position:sticky;text-align:center;top:0;vertical-align:middle;width:100vw;z-index:100}#button-later{background-color:transparent;background-image:url(assets/in-develop.png);border:none;border:1px solid var(--color-primary-two);border-radius:1rem;filter:drop-shadow(0 0 10px var(--color-primary-two));min-height:200px}#button-later,#button-meme-roulette{background-repeat:no-repeat;background-size:cover;height:100%;margin:.25rem 0;outline:none;width:100%}#button-meme-roulette{background-image:url(assets/meme.png);border:none;border-radius:1rem;color:#fff;filter:drop-shadow(0 0 4px var(--color-primary-two));font-family:Shantell Sans,cursive;font-size:2rem;font-weight:500;min-height:300px}#hello{color:var(--color-primary-three);font-size:1rem;font-weight:400;margin:.5rem 0}#loading-text{animation:loadinganimation 1s linear infinite alternate;background:url(assets/loading.png);background-color:#fff;background-repeat:no-repeat;background-size:cover;border-radius:.5rem;filter:drop-shadow(0 0 50px white);left:50%;min-height:150px;min-width:230px;overflow:hidden;padding:.5rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10}#overlay{background-color:var(--color-primary-two);content:"";height:100vh;left:0;opacity:.5;pointer-events:none;position:fixed;top:0;width:100vw;z-index:9}.badge{background-color:var(--color-light-gray);border:1px solid var(--color-gray);border-radius:.625rem;font-size:1.25rem;font-weight:500;margin:0;padding:.25rem .5rem;width:max-content}.big-message{color:var(--color-primary-one);font-size:1.5rem;margin:0;text-align:center;width:100%}.button-danger{background-color:var(--color-danger)}.button-gradient{background:var(--color-gradient)}.button-gray{background-color:var(--color-gray)}.button-row{display:flex;gap:1rem}.emoji-button{border:none;border-radius:.75rem;cursor:pointer;font-size:.875rem;font-size:2rem;outline:none;padding:.25rem;width:100%}.image-meme{border:2px solid var(--color-primary-one);border-radius:.75rem;height:auto;margin:0 auto;max-height:60vh;max-width:100%;object-fit:contain;width:fit-content}.image-preview{border:2px dashed var(--color-primary-two);border-radius:.75rem;height:auto;width:100%}.purple-border{border:2px solid var(--color-primary-two)}.shadow{filter:drop-shadow(0 0 10px var(--color-primary-two))}.turquoise-border{border:2px solid var(--color-primary-three)}.upload-meme{align-items:center;border:2px dashed var(--color-primary-two);border-radius:8px;color:var(--color-primary-one);cursor:pointer;display:flex;font-size:1.5rem;font-weight:500;justify-content:center;min-height:200px;transition:.3s;-webkit-user-select:none;user-select:none;width:100%;&>img{height:auto;width:100px}}.upload-meme:hover{background-color:#f3e8ff}