html,body{height:100%;margin:0}body{font-family:sans-serif;background:#edf2f4;color:#8d99ae;padding:0;margin:0;display:flex;flex-direction:column}body main{flex:1}body main button{flex-shrink:0;cursor:pointer;height:50px;border:0;border-radius:5px;background:#8d99ae;color:#fff;text-transform:uppercase;font-size:20px;padding:0 20px}body main button:hover{background:#987dba}body main button.copy-button .success-icon{display:none}body main button.copy-button.success{background-color:#98dba6}body main button.copy-button.success .regular-icon{display:none}body main button.copy-button.success .success-icon{display:inline-block}body footer{background-color:#d0d4d5;text-align:center;margin-top:4rem;padding:10px 0;color:#6a727f}body .logo{width:200px;margin:0 auto;text-align:center;padding:20px}body .page-title{text-align:center}body .page-title.not-found{font-size:64px}body .page-title h1{text-align:center;color:#8d99ae;padding-top:2rem}body .page-title h2{font-size:18px;font-weight:400;text-align:center;color:#8d99ae;padding:0;margin:0 0 3rem}body .page-title a{color:#8d99ae;text-decoration:none}body .page-title a:hover{text-decoration:none;color:#442867}body input:focus,body textarea:focus{outline:none;box-shadow:none}body .generators{width:70%;margin:0 auto;display:flex;gap:20px;padding:2rem 0 0}body .generators div img{width:100%;display:block;margin-bottom:20px}body .generators div h2{font-size:18px;line-height:18px;margin:0;padding:0}body .generators div h2 a{font-size:18px;line-height:18px}@media (min-width: 1024px){main .generators{width:30%}}