.body,a,button{color:#fff}.body,.color-text,.copy-btn{display:flex;font-weight:400;font-family:cursive,sans-serif}*{margin:0;padding:0;box-sizing:border-box}.container{max-width:1280px;width:100%;padding:0 20px;margin:0 auto}.body{align-items:center;justify-content:space-between;flex-direction:column;gap:20px;width:100%;min-height:100vh;background:red}ul{list-style:none}a{text-decoration:none}button{border:none}.footer,.header{width:100%;padding:20px 0;background-color:rgba(255,255,255,0)}.footer-content-wrapper,.header-content-wrapper,.main-content-wrapper{border-radius:14px;backdrop-filter:blur(10px);background:rgba(0,0,0,.2)}.footer-content-wrapper,.header-content-wrapper{display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 24px}.logo{font-size:24px;flex-shrink:0}.links{display:flex;gap:20px}.links img{width:28px;height:28px}.main.container{max-width:672px}.main-content-wrapper{padding:20px}.color-input{width:100%;height:160px;background:0 0;border:none;margin-bottom:16px}.main-content-wrapper .sub{display:flex;justify-content:center;gap:20px}.color-text,.copy-btn{align-items:center;justify-content:center;gap:16px;width:144px;height:52px;background:rgba(0,0,0,.15);border-radius:100px;font-size:18px;line-height:18px;cursor:pointer;transition:scale 50ms ease-in}.copy-btn:active:not(:disabled){scale:0.9}.copy-btn:disabled{opacity:.5;cursor:default}.footer .author{opacity:.75}@media only screen and (max-width:425px){.footer-content-wrapper,.header-content-wrapper{height:60px;padding:0 20px}.logo{font-size:18px}.main-content-wrapper{padding:18px}.color-text,.copy-btn{width:100%;height:48px;font-size:16px;line-height:16px}}