*{margin:0;padding:0;box-sizing:border-box}body{background:#fff;color:#111;font-family:Brandon,Arial,sans-serif}.good{fill:#00b050}.neutral{fill:#ffc000}.bad{fill:#f93c00}main{display:flex;gap:4rem;justify-content:center;align-items:center;flex-direction:column;height:100vh}.headlines{text-align:center}h2{font-size:4rem;margin-bottom:2rem}h3{font-size:2.8rem;transition:opacity .5s}h3.hidden{opacity:0}.moods{display:flex;gap:2rem}.moods .option{cursor:pointer;transition:all .5s}.moods .option:hover{transform:scale(1.1)}.moods svg{width:25vw}.moods.voted .option{opacity:.1}.moods.voted .vote{opacity:1;transform:scale(1.1)}@media screen and (max-width: 800px){h2{font-size:2em;margin-bottom:1.5rem}h3{font-size:1.3rem}.moods{flex-direction:column}}