@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#181818;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit}body{min-width:320px;min-height:100vh}h1{font-size:6.2em;line-height:1.1}button{border-radius:5px;border:1px solid transparent;padding:.7em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#8e2525;cursor:pointer;transition:border-color .25s}button:hover{border-color:#670303}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9;border:#f9f9f9}}#root{max-width:100%;margin:0 auto;text-align:center}nav{top:0;left:0;width:100%;z-index:1000;height:80px;position:fixed}.logo{width:400px}.logoText p{position:absolute;top:250px;left:50%;transform:translate(-50%,-50%);font-size:70px;color:#0b0b0b;font-weight:700;z-index:2;pointer-events:none}.logoText{background-color:#760101;width:700px;margin:auto auto 40px;border-radius:40px;border:solid 5px black}.logo.animate{animation:swing 2.5s cubic-bezier(.4,0,.2,1) forwards;transform-origin:top center}@keyframes swing{0%{transform:rotate(0)}20%{transform:rotate(3deg)}40%{transform:rotate(-3deg)}60%{transform:rotate(2deg)}80%{transform:rotate(-2deg)}to{transform:rotate(0)}}ul{display:flex;padding:0;margin:0;list-style-type:none}li{flex-grow:1}nav a{color:#fff;background-color:#232323;padding:20px 0;display:flex;justify-content:center;width:100%;border-left:solid rgb(48,48,48) 1.5px;border-right:solid rgb(48,48,48) 1.5px}nav a:hover{background-color:#610101}section a{background-color:#760303;color:#fff;padding:10px 86px;display:flex;justify-content:center;border-left:solid rgb(0,0,0) 1.5px;border-right:solid rgb(48,48,48) 1.5px}section a:hover{background-color:#420a0a}main input{width:900px;height:40px;border-radius:10px 0 0 10px/10px 0px 0px 10px;border:0px}.searchButton{background-color:#6b0000;position:relative;top:2px}button{padding-top:11px}button:hover{background-color:#530c0c;border:rgb(83,12,12)}.recipeContainer{background-color:#131313;display:flex;justify-content:center;max-width:1700px;margin-left:auto;margin-right:auto;flex-wrap:wrap}.recipeCard{width:22%;margin:10px;background-color:#232323;border-radius:8px;padding:10px;text-align:center}.recipeCard img{width:100%;border-radius:8px}.variants{max-width:1700px;margin-left:auto;margin-right:auto}.Beginner{color:green;font-weight:700}.Intermediate{color:orange;font-weight:700}.Hard{color:#912929;font-weight:700}html{scroll-behavior:smooth}.sendToList{margin-top:5px}.displayIngredience li{list-style-position:inside}.displayIngredience li button{background-color:#5a5a5a}.displayIngredience li button:hover{background-color:#343333}.getStarted{background-color:#730606;font-size:30px;padding-bottom:15px;padding-left:10px;padding-right:10px;margin-top:10px}#startparent{background-color:#2f2f2f;height:90px;margin:0 auto;border:solid 8px #1d1c1c;border-bottom-left-radius:30px;border-bottom-right-radius:30px}.selectedRecipeContainer h2{background-color:#0c0c0c;width:70%;text-align:center;padding:15px 0;margin-bottom:0;border-top-left-radius:10px;border-top-right-radius:5px}.selectedRecipeContainer img{width:70%;border-radius:0 0 10px 10px/0px 0px 10px 10px}.selectedRecipeContainer{width:1500px}#forNow{background-color:#2d2d2d;margin-left:auto;margin-right:auto;border:solid 8px #1d1c1c;border-bottom:0px;margin-top:20px;display:flex;border-top-left-radius:30px;border-top-right-radius:30px}.nameAndPicture{text-align:left;margin-left:60px;margin-bottom:20px;flex:1}.displayIngredience{text-align:left;margin-top:10px;flex:1.5}.displayIngredience li{display:flex;align-items:center}.displayIngredience li input{width:20px;margin-right:10px}.displayIngredience li button{margin-left:auto;margin-right:10px}.modalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.main{background-image:url(https://i.imgur.com/yUtWIFO.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;padding-top:100px;min-height:100vh}.shoppingList{color:#fff;display:flex;flex-direction:column;text-align:left;flex:1;max-height:100%;background-color:#111;padding-right:20px;border-radius:10px;min-height:0}.shoppingList li{word-wrap:break-word;margin-top:8px;margin-left:20px;flex-wrap:nowrap;background-color:#242323;display:flex;justify-content:space-between;align-items:center;height:70px;border-radius:5px;overflow-wrap:break-word;word-break:break-word}.addItem{display:flex;flex-direction:column;align-items:flex-end;margin-right:20px}.celek{gap:40px;padding-top:50px;padding-bottom:50px;background-image:url(https://i.imgur.com/qlmSb1Q.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh}.imgtext img{width:100px;position:relative;top:-20px}.imgtext h2{background-color:#000;width:25%;margin:auto;padding-bottom:10px;padding-top:10px}.imgtext{margin-top:50px}.addItem input{width:600px;height:40px}.addItem input[type=submit]{background-color:#661313;border:transparent;width:100%;border-radius:5px}.addItem input[type=submit]:hover{cursor:pointer;border:solid white 1px}.shoppingList ol{list-style-position:inside;padding-left:0}.itemText{flex:1;word-break:break-word;overflow-wrap:anywhere;margin-left:10px;font-size:25px}.deleteItem{align-self:stretch;flex-shrink:0;width:40px;display:flex;align-items:center;justify-content:center}.showShop{margin-right:5px}.srdce{background-color:transparent;color:gray}.srdce.srdce:hover{background-color:transparent;border:transparent}.showShops{background-color:#1b1a1a;border-radius:0;width:250px}.showShops:hover{background-color:#272626}.shopCheckboxList{position:absolute;display:flex;flex-direction:column;background-color:#000;width:250px;z-index:100;list-style-type:none;padding:0;margin:0;top:100%;left:0}.shopCheckboxList li{margin:5px auto auto;width:93%;flex-grow:0}.buttonAndShops{position:relative;display:inline-block}.add{width:100%}.showShopsInput{background-color:#1b1a1a;width:250px;margin-left:20px;border-radius:10px 10px 5px 5px;height:100%}.showShopsInput:hover{background-color:#272626}.buttonAndShopsInput{position:relative;display:inline-block}.shopCheckboxListInput{position:absolute;display:flex;flex-direction:column;background-color:#000;width:250px;z-index:100;list-style-type:none;padding:0;top:100%;left:0;margin:0 0 0 20px}.shopCheckboxListInput li{word-wrap:break-word;margin-top:8px;margin-left:10px;margin-right:10px;flex-wrap:nowrap;background-color:#5a3c3c;display:flex;justify-content:space-between;align-items:center;border-radius:5px;overflow-wrap:break-word;word-break:break-word}.nadpisADropdown{display:flex;justify-content:center;align-items:center;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.shopCheckboxListInput input{width:auto;height:auto}.filterShops{display:flex;align-items:center;justify-content:center;margin-right:100px}.filterAndSort{display:flex;align-items:center;justify-content:space-around}.shoppingList li label{display:flex;align-items:center;flex:1}.numbering{font-weight:700;color:#97314b}.addForm{display:flex;justify-content:space-between;flex:1}.addInput{flex:1;word-break:break-word;overflow-wrap:anywhere;margin-left:10px;background-color:#51101068;align-items:center;border:none;font-size:20px;padding-left:15px}.submit{width:15%;background-color:#730606;margin-right:10px;border:none}.submit:hover{background-color:#400}.itemContainer{background-color:#3a3939;min-height:300px;max-width:12s50px;margin:120px auto auto;display:flex;flex-direction:column;border:7px solid rgb(43,43,43);border-radius:10px}.itemContainer h2{background-color:#151515;padding-top:10px;padding-bottom:10px;margin-top:0;border-radius:3px}.itemContainer li{background-color:#262626;padding-top:10px;padding-bottom:10px;display:flex;justify-content:space-between;align-items:center;margin-top:5px}.writeFavorite{width:97%;height:30px;border:solid rgb(114,114,114) .1px;background-color:#434343;border-radius:5px}.addButton{max-width:250px;margin-right:10px;margin-left:10px}.itemName{margin-left:10px}.FavoriteCelek h1{font-size:32px;width:97.5%;height:30px;margin:auto;padding-top:8px;padding-bottom:13px;border-radius:10px 10px 0 0/10px 10px 0px 0px}.AddTopFavorite{background-color:#191919;width:60%;min-height:100px;padding-top:15px;margin:auto;border-radius:10px 10px 0 0/10px 10px 0px 0px}.TopAddShop{background-color:#2f2f2f;width:60%;height:100px;padding-top:15px;margin:auto;border-radius:0/0px 0px 0 0}.writeFavoriteShop{width:97%;height:30px;border:solid rgb(114,114,114) .1px;background-color:#434343;border-radius:5px}.TopAddShop h2{font-size:22px;width:97.5%;height:30px;margin:auto;padding-top:8px;padding-bottom:15px;border-radius:10px 10px 0 0/10px 10px 0px 0px}.addButtonTop{width:100%;margin-top:15px;background-color:#580707}.FavoriteCelek ul{display:flex;flex-direction:column}.favoriteSelectAndSort{display:flex;justify-content:space-between}.filterShopsFavorite{display:flex;align-items:center}.FavoriteCelek{padding-top:100px;background-image:url(https://i.imgur.com/UPv9ONy.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh}.Recipe img{max-height:570px;max-width:500px}.Recipe{padding-top:100px}.imgContainer{background-color:#212121;width:500px;height:570px;display:flex;justify-content:center;align-items:center;border:solid 10px rgb(70,32,32)}.step{background-color:#1c1c1c;width:100%;margin-bottom:0;margin-top:0;padding-top:10px;padding-bottom:10px}.instruction{background-color:#303030;height:405px;margin-top:0;margin-bottom:0;padding-top:30px;padding-bottom:30px}.buttonContainer{background-color:#1c1c1c;width:100%;padding-top:15px;padding-bottom:15px;display:flex;justify-content:space-between}.nextStep{margin-right:20px;width:220px}.previousStep{margin-left:20px;width:220px}.completed{margin-right:20px;background-color:#4a0000;font-weight:700;padding:10px 200px;margin-top:0;margin-bottom:0;border-radius:5px}.recipeVideo{width:78.6%;height:40vh}.recipeBackground{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;filter:blur(8px);z-index:-1}.imgAndTextRecipe{display:flex;justify-content:center}.buttonAndStep{width:60%}.explore{display:flex;height:100%;flex-direction:column;align-items:first baseline;background-image:url(https://i.imgur.com/I7ofrjs.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding-top:100px;min-height:100vh}.explore input{border-radius:8px}.explore h2{font-size:40px}.views{margin-right:200px}.views button{background-color:#3a3838;border-radius:0;border:solid 1px black}.views button:hover{background-color:#661b1b}.searchAndViews{display:flex}.searchAndViews input{width:600px}.recipeContainer1{background-color:#131313;display:flex;justify-content:center;margin-left:20px;flex-wrap:wrap;margin-top:50px;width:98%}.recipeCard1{margin:10px;background-color:#232323;border-radius:8px;padding:10px;text-align:center;width:200px}.recipeCard1 img{width:100%;border-radius:8px}.MyCategory{margin-bottom:5px}.My{display:flex;margin-left:40px;flex-direction:column;align-items:baseline}.My h2{font-size:1.5vw;text-align:left}.recipeContainer2{background-color:#131313;display:flex;justify-content:center;margin-left:0;flex-wrap:wrap;margin-top:20px}.recipeCard2{margin:10px;background-color:#232323;border-radius:8px;padding:10px;text-align:center;display:flex}.recipeCard2 img{width:15vw;border-radius:8px}.texto{margin-left:40px;margin-right:30px}.MyRecipeNewRecipe{display:flex;border-bottom:5px rgb(131,26,26) solid;padding:bottom 0px;justify-content:space-between;align-items:center}.newRecipe{width:150px;padding:0;height:50px;background-color:#4f4d4d;margin-top:20px}.loginInfo{display:flex;justify-content:space-around}.myProfile{padding-top:55px;background-image:url(https://i.imgur.com/KcxsVeU.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh}.new{padding-top:100px;background-image:url(https://i.imgur.com/BCsg7nz.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;height:auto;min-height:100%;overflow-y:auto}.new h4{margin:15px}.mainInfo{display:flex;justify-content:space-around;align-items:center;margin-bottom:50px;background-color:#2b2a2a;border:solid 5px black;position:relative}.mainInfo label p{margin-left:15px}.mainInfo input{width:60%;border:2px rgb(29,29,29) solid;background-color:transparent;padding-left:10px}.mainInfo select{width:62.5%;background-color:transparent;border:2px rgb(29,29,29) solid;padding-left:10px}.mainInfo option{background-color:#181818}.inputAdd{width:600px;display:flex;justify-content:space-between;text-align:left}.imagePreview{width:300px;height:300px;border:5px solid #00000056;display:flex;align-items:center;justify-content:center;overflow:hidden}.imagePreview:hover{cursor:pointer;border:5px solid #83000056;font-weight:600}.imagePreview img{width:100%;height:100%;object-fit:cover}.stepsAndIngrents{display:flex;justify-content:space-between}.stepsAndIngrents ol{padding-inline-start:0px}.stepsAndIngrents li{text-align:left;background-color:#2b2a2a;margin-top:2%;margin-left:2%;margin-right:2%;width:96%;display:flex;flex-direction:column;position:relative}.stepsAndIngrents input{background-color:#131212;height:40px;border:solid 2px #2b2a2a;padding-left:10px}.Ingredients{width:40%;background-color:#530202;border:solid 5px rgb(0,0,0)}.Steps{width:55%;background-color:#000;border:solid 5px rgb(83,2,2)}.photoAndButton{display:flex;justify-content:space-between}.X{position:absolute;top:0;right:0;background-color:#490202}.public{position:absolute;top:0;right:3px;width:20%;height:15%}.public select{width:100%;height:100%}.AddIngredient{background-color:#181818}.AddIngredient:hover{background-color:#0f0f0f}.addRecipe{margin-top:30px;border-radius:50%;width:200px;height:200px;background-color:#393434;border:solid 2px black;box-shadow:5px 5px 15px #0003;padding:.5%}.addRecipe:hover{filter:brightness(.8);transition:filter .3s ease;cursor:pointer}.FormContainer{background-color:#1a1a1a;max-width:370px;border-radius:20px;border:solid 2px black;box-shadow:5px 5px 15px #0003;margin-left:auto;margin-right:auto;padding-bottom:20px}.formStyleA{width:47%;background-color:#2e2d2d;margin-top:20px;margin-left:1%;margin-right:.5%;border-radius:8px}.formStyleB{width:47%;background-color:#2e2d2d;margin:20px 1% 20px .5%;border-radius:8px}.formInput{background-color:#171717;border:black solid 1.5px;margin-left:auto;margin-right:auto;box-shadow:5px 5px 15px #0003;width:93%;height:33px}.labelWithInput label{text-align:left;margin-left:auto;margin-right:auto;width:93%;color:#c4c0c0}.labelWithInput{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:15px}.labelWithInputs{display:flex;flex-direction:column;margin-left:auto;margin-right:auto}.signup{background-color:#8b0e0d;width:95%;margin-top:30px}.authfull{padding-top:100px}