@import "https://fonts.bunny.net/css?family=abel:400|grenze:100,300,500";*{box-sizing:border-box;margin:0;padding:0}:root{--bg-light:#fffcec;--accent-color:#b30024;--secondary-color:#fcda2c;--text:#620014;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--font-primary:"Abel", sans-serif;--font-secondary:"Grenze", serif}html{background-color:var(--bg-light);font-family:var(--font-primary);color:var(--text)}body{text-align:center;grid-template-rows:auto 1fr auto;gap:2rem;min-height:100vh;display:grid;overflow-x:hidden}header{padding:3rem 1rem}#logo-container{width:9rem;height:9rem;margin:0 auto;transition:all .1s ease-in-out;overflow:hidden}#logo-container:hover{cursor:crosshair;transition:all .1s ease-in-out;scale:1.1}#logo{width:100%;height:100%}h1{color:var(--accent-color);font-size:xx-large;font-family:var(--font-secondary);text-transform:uppercase;margin-top:1rem}main{max-width:600px;margin:0 auto}#joke-btn{font-family:var(--font-secondary);background-color:var(--accent-color);color:var(--bg-light);border:3px solid var(--accent-color);margin-bottom:1rem;padding:1rem;font-size:large;transition:all .1s ease-in-out}#joke-btn:hover{background-color:var(--secondary-color);color:var(--accent-color);border:3px solid var(--accent-color);cursor:pointer;transition:all .1s ease-in-out}#joke-container{color:var(--accent);margin:1rem;padding:1rem;font-size:xx-large;font-weight:100;line-height:1.3}#joke-container:first-letter{text-transform:capitalize}footer{min-height:12rem;padding:1rem;line-height:2}footer:before{content:"___________________";color:var(--accent-color)}footer h3{margin-top:1rem}a{color:var(--accent-color);text-decoration:underline;transition:all .1s ease-in-out}a:hover{color:var(--text);text-decoration:underline;transition:all .1s ease-in-out}