.header{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#a4daeb}.logo-and-text{display:flex;align-items:center}.app-name{font-weight:700;font-size:1.5rem;margin-left:10px}.home-icon{font-size:30px;left:1735px;color:#000;font-weight:700}footer{display:flex;position:fixed;bottom:0;left:0;right:0;padding:10px;text-align:center;justify-content:center;align-items:center;background-color:#f0f0f0}.body{background-color:#a4daeb;width:auto;height:150vh}.sep-line{height:2px;background-color:#fff}.flex-box-user{justify-content:center;align-items:center;margin:40px 40px 40px 60px}.user-image{width:200px;height:200px;border-radius:50%}.username-tag{font-weight:700;padding-bottom:10px}.edit-profile{background-color:#6074be;margin-left:60px}.flex-box-recipes{justify-content:center;align-items:center;margin:40px 40px 40px 60px}.popular-recipes-grid-container{display:grid;grid-template-columns:repeat(2,1fr);margin:50px 50px 50px 200px;column-gap:200px;row-gap:100px}.popular-recipes-grid-item{background-color:#f0f0f0;padding:100px;width:400px;height:80px;text-align:center}.food-imgs{margin-top:-100px;margin-left:-100px;height:250px}.popular-recipes-grid-item:hover{background-color:#e0e0e0}.contribution{display:flex;justify-content:center;align-items:center}.big-rectangle{width:1000px;height:200px;background-color:#23899f}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#a4daeb}.list-unstyled{list-style:none;margin:0;padding:0}.list-unstyled li{margin-right:0;padding:8px 24px}.list-unstyled a{color:inherit;text-decoration:none}.list-unstyled a:hover{color:#00f}.recipe-page-grid-container{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;margin-bottom:50px;margin-left:100px;column-gap:100px;row-gap:100px}.recipe-page-grid-item{background-color:#f0f0f0;padding:100px;width:400px;height:80px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.recipe-page-grid-item:hover{background-color:#e0e0e0}.find-recipe{margin:70px 40px 80px 100px}.random-padding{padding-right:150px}.new-button{display:flex;margin-right:50px;padding-left:20px;padding-right:20px;background-color:#4da57b}.recipe-list{margin-top:20px}.recipe-list ul{list-style-type:none;margin-left:70px}.recipe-list li{font-weight:500;font-size:large;margin-right:80px;margin-bottom:20px;border-bottom:1px solid white;padding:5px}.content-container{display:flex;justify-content:space-between}.ingredients-section{width:fit-content;border:3px solid darkblue;padding:10px;margin-left:170px;border-radius:5px}.instructions-section{width:fit-content;border:3px solid darkblue;padding:10px 190px 10px 10px;margin-top:80px;margin-left:175px;border-radius:5px}.ingredients-section h3,.instructions-section h3{margin-bottom:10px}.author-back-feature{display:flex}.back-arrow{font-weight:700;height:30px;width:30px;margin-top:10px;margin-left:10px;color:#000}.author-tag{display:flex;flex-wrap:wrap;width:fit-content;background-color:#a26a9d;padding:10px;border-radius:5px;margin-top:10px;margin-left:auto;margin-right:30px}.author-text{color:#fff;margin:0}.recipe-image-ing-display{display:flex}.recipe-image-display{margin-left:175px;width:500px;height:400px}.fork-tag{display:flex;width:150px;height:40px;background-color:#008063;border-radius:5px;margin-top:10px;justify-content:center;align-items:center;margin-left:auto;margin-right:20px}.fork-icon{color:#fff;width:20px;height:20px;font-weight:700;margin-right:10px;margin-left:10px}.fork-text{margin-top:13px;margin-right:20px;color:#fff;font-weight:700}.form-styling{height:100vh;display:flex;flex-direction:column;background-color:#a4daeb;justify-content:center;align-items:center;width:50%;margin:50px auto 30px;padding:30px;border-radius:8px;box-shadow:0 4px 8px #0009;overflow-y:auto}.form-styling form{max-height:120vh;overflow-y:auto}.form-label{font-weight:600}.custom-btn{width:150px;margin-top:40px;margin-left:auto;display:flex;justify-content:center;align-items:center}.login-container{background-image:url(/assets/loginbg-gqxL1q3j.jpeg);background-size:cover;background-position:center;height:100vh}.login-form-container{background-color:#ffffffe6;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:40px}.login-title{color:#333;font-size:24px;margin-bottom:20px}.login-form .form-group{margin-bottom:20px}.input-field{border-radius:4px;padding:12px;font-size:16px}.error-message{color:red;font-size:14px;margin-top:10px}.submit-button{border-radius:4px;padding:12px 24px;font-size:16px}@media (max-width: 768px){.login-form-container{width:100%;padding:20px}}