@import"https://fonts.googleapis.com/css2?family=Anton&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;800&display=swap";:root{--color-sky: #b1dcf1;--color-sand: #c693e0;--color-lemon: #f2ed78;--color-mint: #9fe7cc;--color-lime: #e0f4af;--color-pink: #ffaaaa;--font-headline: "Anton", sans-serif;--font-title: "Roboto Slab", serif;--font-text: "Roboto Slab", serif;--font-size-headline: 25px;--font-size-text: 20px;--line-height-text: 32px;--border-radius: 0;--border-width: 3px;--border-color: #000;--border-default: var(--border-width) solid var(--border-color);--shadow-default: 0 4px 15px rgba(0, 0, 0, .1)}body{margin:0}button{font-family:var(--font-headline);font-size:1rem;color:#000;background:#fff;border:var(--border-default);padding:10px 20px;border-radius:var(--border-radius);cursor:pointer}.green-button{background:var(--color-mint);color:#000}.green-button:hover{background:var(--color-lime);box-shadow:0 4px 15px #9fe7cc4d}.yellow-button{background:var(--color-lemon);color:#000}.yellow-button:hover{background:var(--color-sand);box-shadow:0 4px 15px #f2ed784d}.red-button{background:var(--color-pink);color:#000}.red-button:hover{background:#ff7f7f;box-shadow:0 4px 15px #ffaaaa4d}.default-search{display:flex;align-items:center;background:#fff;border:var(--border-default);padding:10px 15px;border-radius:var(--border-radius);width:100%;max-width:400px}.default-search .search-icon{font-size:1.2rem;color:var(--color-sand)}.default-search .search-input{flex:1;border:none;outline:none;font-family:var(--font-text);font-size:1rem;color:#000;padding-left:10px}body{background:var(--color-sky);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.container{max-width:1200px;min-width:1000px;border:var(--border-default);border-radius:var(--border-radius);margin:0 auto;background:#fff;box-shadow:0 20px 40px #0000001a;overflow:hidden;padding:16px;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center}.container>*{width:100%}.back-btn{position:absolute;top:20px;left:20px;color:#000;border:var(--border-default);border-radius:50%;height:40px;width:40px;cursor:pointer;text-decoration:none;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.back-btn:hover{background:#ffffff4d;transform:translate(-3px)}.default-badge{background:var(--color-sand);padding:8px 15px;border-radius:20px;font-size:.9rem;font-family:var(--font-text);height:100%}