@import"https://fonts.googleapis.com/css2?family=Mouse+Memoirs&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";html,body{background:#212121;color:#f3f3f3;font-family:Open Sans,sans-serif;overflow-y:hidden}h1,h2,h3,h4{margin:0;padding:0}p,b,strong,i,span{font-family:sans-serif}ordflaket{display:grid;grid-template-columns:1em 1fr 1fr 1em;grid-template-rows:max-content 1fr max-content;align-items:center;justify-content:center;height:100svh}ordflaket header{position:fixed;top:0;left:0;right:0;background:#181818;padding:1em;display:flex;justify-content:space-between}ordflaket header svg{width:6rem}ordflaket header button{display:flex;gap:.5em;align-items:center;font-family:sans-serif;font-size:.8rem;background:#212121;padding:.4em 1em;border-radius:10rem;font-weight:800}ordflaket header button svg{width:.8rem}.generated-word{grid-column:2/-2;grid-row:2;justify-self:center;align-self:center;text-align:center;-webkit-user-select:none;user-select:none}.generated-word h2{font-weight:500;font-size:2.8em;letter-spacing:3px;font-family:Mouse Memoirs,sans-serif}.generated-word h3{font-size:1rem;margin-top:.4em}ul.favorites{list-style:none;padding:0;font-family:Arial,sans-serif;display:flex;flex-flow:column}ul.favorites li{display:flex;justify-content:space-between;align-items:center;gap:.5em;padding:.5em}ul.favorites li:nth-child(2n){background:#f3f3f3}ul.favorites li svg{width:.8rem}button{all:unset;cursor:pointer}footer{display:flex;align-items:center;gap:2em;grid-column:2/-2;grid-row:3;margin-bottom:2em}footer button.btn-generate{flex-grow:1;padding:1em 1.5em;font-size:1rem;background:#ff8c00;border-radius:2em;border:0;font-family:Arial,Helvetica,sans-serif;text-align:center;font-weight:800}footer button.btn-favorite{max-width:max-content}footer button.btn-favorite svg{width:1.7rem}footer button.btn-favorite.active{color:red}footer button.btn-tts{max-width:max-content}footer button.btn-tts svg{width:1.7rem}