*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:url(/assets/kitchen_background-DsiQ_7F9.jpg);color:#161616;background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:overlay;min-height:80vh;z-index:0;display:flex;flex-direction:column;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{flex-grow:1;display:flex;justify-content:center;align-items:center}.App{width:100%;max-width:1000px;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border:1px solid #333;box-shadow:0 0 15px gray;background-color:#797373cc}h2{font-size:1.6rem}.h2{font-size:1rem;padding:20px}h4{color:#ff0}.Header,.Footer{color:#fff;width:100%;padding:1rem;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#000,gray)}.Header h1{width:100%;font-size:2rem;text-align:center}.Header h2{font-size:xx-large;width:30%;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.Header h2 img{width:100px;border-radius:50%}.Header h2 div{width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center}.Header h2 div .number{width:100%;height:100%;color:#ff0;border:1px solid white;border-radius:50%;background:gray;transform:none;display:flex;justify-content:center;align-items:center}.Header a{text-decoration:none;color:#fff;background-color:red;padding:5px;border-radius:10px}.Header svg{font-size:2rem}.Header .col{display:flex;flex-direction:column;justify-content:space-around;align-items:center}.Footer{padding:.75rem;display:grid;place-content:center}.Uvod h1{text-align:center;padding:10px}.Uvod p{color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;font-size:1.2rem}.Nav,.LogIn{width:100%;background-color:#333;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.searchForm{width:80%;padding:1rem 1rem 1rem .75rem}.searchForm input[type=text]{font-family:Open Sans,sans-serif;width:100%;min-height:48px;font-size:1rem;padding:1rem;border-radius:.25rem;outline:none}.searchForm label{position:absolute;left:-99999px}.Nav{padding:5px}.Nav ul{color:#fff;list-style-type:none;display:flex;justify-content:start;align-items:start}.Nav li{padding:1rem;transition:all .5s}.Nav li:hover,.Nav li:focus{padding:1rem}.Nav li a{color:#fff;text-decoration:none}.Nav li:hover,.Nav li:focus,.Nav li:hover a,.Nav li:focus a{background-color:#eee;color:#333;border-radius:5px}.Nav li:hover a,.Nav :focus a{cursor:pointer}.LogIn{padding:3em;flex-grow:1;width:80%;background-color:#f5f5f8;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.LogIn h2{padding:15px}.LogIn form input[type=password],input[type=email],input[type=text]{font-family:Open Sans,sans-serif;width:70%;min-height:35px;font-size:1rem;padding:.5rem;border-radius:.25rem;outline:none}.LogIn form input[type=submit]{font-family:Open Sans,sans-serif;width:50%;min-height:40px;font-size:1rem;padding:.25rem;border-radius:.25rem;outline:none}.Uvod,.Home,.ReceptPage,.NewRecept,.EditRecept{width:90%;flex-grow:1;display:flex;flex-direction:column;padding:3rem;overflow-y:auto;background:linear-gradient(white,gray,45deg);justify-content:space-around;align-items:center;transition:all 1s ease-in-out}.Home li a{text-decoration:none;cursor:pointer}.Home li{margin-top:5px;border-bottom:1px solid black;border-right:1px solid black;padding-right:10px;padding-left:10px;border-top:1px solid black;background:gray}.Home li:hover{background-color:#000}.Home{list-style-type:none;display:flex;padding-left:10%;justify-content:flex-start;align-items:start}.Home li a:hover{color:#ff0}.ReceptPage h2{text-align:center;padding:5px;font-size:2rem;text-decoration:underline}.ReceptPage>input{padding:10px;min-height:20px;width:50%;border-radius:5px}.ReceptPage h2 input[type=text]{height:50px}.ReceptPage>img{align-items:center;padding:5px;max-width:70vw;border:1px black solid;border-radius:5px;box-shadow:5px 10px #000}.ReceptPage dl{display:flex;flex-direction:column;justify-content:space-between;transition:all linear .5s}.ReceptPage dl:hover{background-color:#333;color:#eee}input[type=submit]{background-color:red;color:#fff;cursor:pointer;height:30px;padding:2px;border-radius:5px}input[type=submit]:hover{background-color:#eee;color:#333;border-radius:5px}.Komponenty{background-color:#faebd7;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;padding:20px;width:70%;border-radius:10px}.Komponenty:first-child{left:50px}.Komponenty li{margin:20px}.Komponenty:hover{background:#333;color:#eee}.workFlow{width:100%;padding:20px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;background-color:azure;border-radius:10px}.workFlow li{padding-left:20px;width:90%;margin:5px;transition:all .5s linear;border-radius:10px}.workFlow li hr{width:80%}.workFlow:hover{background:#333;color:#eee}.workFlow li p:first-letter{color:#ff0;font-size:25px}.workFlow li textarea{width:100%;padding:10px}.workFlow li p{margin-bottom:5px}.workFlow li p span{display:inline-block;transition:transform .3s ease-in-out}.workFlow li p span:hover{transform:scale(1.5)}table{border:solid 1px black;padding:5px}table thead{background-color:#fff}table tbody tr td{text-align:center;border:1px solid black;background-color:azure;padding:5px}.button{margin:3px;display:flex;align-items:center;justify-content:center;height:48px;min-width:48px;border-radius:.25rem;padding:5px;font-size:1rem;background-color:red;color:#fff;cursor:pointer}.button:hover,.button:focus{background-color:#eee;color:#333;border:1px black solid}.EditRecept h2 input{font-size:20px}h3{padding:10px}.inline{padding:5px;display:flex;justify-content:space-between}label{margin:5px}.searchForm{width:50%}.success{width:70%;min-height:50px;display:flex;justify-content:space-around;align-items:center;background:#daa520}.plusOrMinus{width:20px}.animation-rotate-x{animation:rotaceX 5s linear infinite}@keyframes rotaceX{0%{transform:rotateX(0)}25%{transform:rotateX(90deg)}50%{transform:rotateX(180deg)}75%{transform:rotateX(270deg)}to{transform:rotateX(360deg)}}.animation-rotate-y{animation:rotaceY 5s linear infinite}@keyframes rotaceY{0%{transform:rotateY(0)}25%{transform:rotateY(90deg)}50%{transform:rotateY(180deg)}75%{transform:rotateY(270deg)}to{transform:rotateY(360deg)}}.animation-kmitani{animation:kmity 2s linear infinite}@keyframes kmity{0%{transform:translate(0)}25%{transform:translate(10px)}50%{transform:translate(0)}75%{transform:translate(-10px)}to{transform:translate(0)}}.loading{height:100%;display:flex;justify-items:center;align-items:center}.loader{width:50px;aspect-ratio:1;display:grid;border-radius:50%;background:linear-gradient(0deg,#0000007f 30%,#0000 0,#0000 70%,#000 0) 50%/8% 100%,linear-gradient(90deg,#00000040 30%,#0000 0,#0000 70%,#000000bf 0) 50%/100% 8%;background-repeat:no-repeat;animation:l23 1s infinite steps(12)}.loader:before,.loader:after{content:"";grid-area:1/1;border-radius:50%;background:inherit;opacity:.915;transform:rotate(30deg)}.loader:after{opacity:.83;transform:rotate(60deg)}@keyframes l23{to{transform:rotate(1turn)}}