@import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap";.zarovka{display:inline-flex;flex-direction:column;align-items:center}.zarovka__ikona{margin:10px}.zarovka__tlacitko{margin:5px}img[alt*=cisloNaKostce]~.kostka__text:before{color:red;display:block;content:"V atributu `src` je chyba!"}.carousel{display:flex;max-width:500px;height:250px}.carousel__predchozi,.carousel__dalsi{flex-shrink:0}.carousel__media{flex-grow:1}.carousel__image{width:100%;height:100%;object-fit:cover}.menu{align-self:flex-start}.hamburger{display:block;width:40px;height:40px;position:relative;border:none;background-color:transparent}.hamburger span{position:absolute;top:calc(50% - 2px);left:0;right:0;height:4px;background-color:currentColor;transition-property:opacity,transform;transition-duration:.2s}.hamburger span:nth-child(1){transform:translateY(-250%)}.hamburger span:nth-child(3){transform:translateY(250%)}.hamburger--otevrene span:nth-child(2){opacity:0}.hamburger--otevrene span:nth-child(1){transform:rotate(45deg)}.hamburger--otevrene span:nth-child(3){transform:rotate(-45deg)}.ukol{display:flex;align-items:center;list-style-type:none;min-height:2em}.ukol__nazev{display:inline-block;min-width:150px;margin-right:10px}.ukol--splnen .ukol__nazev{text-decoration:line-through}.ukazatel-uspechu{max-width:200px;text-align:center}.ukazatel-uspechu__ramecek{border:1px solid gray;margin:15px 0 5px}.ukazatel-uspechu__postup{position:relative;overflow:hidden;height:15px;transition:width .2s ease-out}.ukazatel-uspechu__postup:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to bottom,#0000 40%,#000000b3)}@keyframes ukazatel-uspechu__postup__animace{to{transform:translate(300px)}}.ukazatel-uspechu__postup:after{content:"";position:absolute;top:-20px;bottom:-20px;left:-30px;width:6px;background-color:#ffffff0d;transform:rotate(20deg);animation:ukazatel-uspechu__postup__animace 5s infinite linear}.formular{align-self:flex-start}.kasicka+.kasicka{margin-top:.5rem}.bonus4 input{width:4rem}h1{text-align:center}main{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:2rem}article{width:20rem;background-color:#f1f5f9;border-radius:1rem;overflow:hidden}article>h2{background-color:#e2e8f0;text-align:center;margin:0;padding:.5rem}article>.content{display:flex;flex-direction:column;align-items:center;padding:.5rem}*{box-sizing:border-box}html{font-family:Raleway,sans-serif}