:root{--primary: #558b6eff;--secondary: #88a09eff;--accent: rgb(58, 58, 58);--background: #b88c9eff;--disabled: #f1c8dbff}.home{background-image:url(/assets/cover_small-BzuhDrs0.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center}*{margin:0}body{background-color:#a0e8af}.cucc{display:flex;align-items:center;justify-content:center;flex-direction:column}.tarolo{background-color:#88a09e80;font-size:2rem;padding:30px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.tarolo button{border:none;background-color:var(--primary);padding:10px;border-radius:10px;font-size:1.2rem}.recipes{color:beige}.addnew{position:fixed;right:5px;bottom:5px;padding:10px;font-size:1.5rem;margin:20px;border:none;background-color:var(--primary);border-radius:10px}.addnew:hover{scale:1.05;transition:.4s;background-color:#328859}form{background-color:#ffffe0;display:flex;flex-direction:column;align-items:center;width:500px;margin:auto;box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px;background-color:#ffcf56;padding:20px;border-radius:10px;gap:5px}.form{padding-top:90px}input,textarea{border:none;color:#000;background-color:#ffe493a2;padding:5px;border-radius:3px;font-size:1.1rem}input{margin-bottom:10px}.pluszjel{display:flex;flex-direction:row;justify-content:center;width:230px;font-size:1.5rem}.add{background-color:var(--primary);border:none;padding:10px;border-radius:10px;font-size:1.3rem}textarea{height:200px;width:250px}.kartya{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;margin:100px auto auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;max-width:600px;border-radius:20px;font-size:1.1rem;background-color:#86baa1;padding:20px}.gombok{padding-top:30px;width:90%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.gombok p{display:flex;align-items:center;gap:5px}.hozzavalok p{background-color:var(--primary);padding:10px;border-radius:20px}.hozzavalok{gap:10px;display:flex;flex-wrap:wrap}.lepesek{max-width:600px;word-break:break-all}.kartya img{max-height:300px;object-fit:cover;aspect-ratio:1.1;border-radius:10px;border:#5f5f5f 2px solid}.signin{display:flex;flex-direction:column;max-width:500px;align-items:center;justify-content:center}.signin input{background-color:#87cea2}.gomb{font-size:1.3rem;border-radius:10px;padding:10px;background-color:var(--primary);color:beige;border:1px solid var(--secondary)}.signin .gomb:hover{color:#000;background-color:#3fdf8a;transition:1s}.header{top:0;left:0;position:fixed;z-index:183845;display:flex;justify-content:space-between;align-items:center;background-color:#365745b5;color:#fff;padding:1rem;width:100%}button{cursor:pointer}.header-right{display:flex;justify-content:flex-end;align-items:center;gap:1rem;width:100%;margin-right:2rem}.header-right div{display:flex;align-items:center;gap:5px}.header-right button{border:none;padding:10px;border-radius:7px;background-color:#365745;color:beige}.header-left{display:flex;justify-content:center;align-items:center;margin:auto}.signin-up-tarolo{margin-top:100px;display:flex;flex-direction:column;align-items:center;width:100vw}.kijelentkezes{margin-right:30px;display:flex;align-items:center;justify-content:center;gap:1rem}.kijgomb{border:none;padding:10px;border-radius:10px;background-color:#365745;color:beige}.kijgomb:hover{scale:1.05;transition:.4s;background-color:#328859}.homeSzlogen:hover{scale:1.05;transition:.5s;background-color:#328859}.kijelentkezes span{color:beige;display:inline-block}.kijelentkezes span:hover{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button:disabled{cursor:not-allowed}.profileform{margin-top:100px;display:flex;flex-direction:column;align-items:center}.notfound{display:flex;align-items:center;justify-content:center;height:90vh}.homeicon{margin-top:18px}.kartya:hover{scale:1.05;transition:1s;box-shadow:#a6ffc44d 0 8px 24px,#a6ffc44d 0 16px 56px,#a6ffc44d 0 24px 80px}.deleteButton{background-color:#ff4500;border:none;padding:10px;border-radius:5px;font-size:1.3rem;color:beige}.deleteButton:hover{scale:1.1;color:beige;transition:.4s;background-color:red}.saveButton{color:beige;background-color:#365745;border:none;padding:10px;border-radius:5px}.saveButton:hover{scale:1.05;transition:.4s;background-color:#328859}