@import"https://fonts.googleapis.com/css2?family=Judson:wght@400;700&family=Roboto:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-red: #FF3A3A;--primary-yellow: #FFBD3B;--secondary-red: #FF5D3B;--secondary-yellow: #FFA23B;--orange: #FF7F3B}.featured-recipe-container,.latest-container{display:flex;align-items:center;margin:30px auto;padding:30px;border-radius:10px;box-shadow:0 2px 2px #00000040}.featured-recipe-container{background-color:var(--primary-red);width:80%;justify-content:space-evenly}.latest-container{margin:30px auto;background-color:var(--orange);width:40%}.featured-img{width:40%;border-radius:10px;cursor:pointer}.latest-img{width:40%;border-radius:10px;margin-right:50px;cursor:pointer}.featured-info,.latest-info{color:#fff;font-family:Roboto,sans-serif;font-weight:400}.featured-info{margin-left:50px}.featured-info h2{font-size:40px;cursor:pointer}.latest-info h2{cursor:pointer}h1{font-family:Judson,serif;font-size:48px;text-align:center}.featured-title{color:var(--orange);margin-top:30px}.latest-title{color:var(--primary-red)}.banner-container{display:flex;justify-content:space-evenly;margin-top:30px}.nav-link{text-decoration:none;color:#fff;font-family:Roboto,sans-serif;font-weight:400;padding:10px 15px;border-radius:10px;box-shadow:0 2px 4px #00000040}.header-container{height:60px;background-color:var(--primary-red);display:flex;justify-content:space-between;align-items:center;padding:0 20px}.header-title{font-family:Judson,serif;font-weight:700;color:#fff;font-size:48px;text-decoration:none}.submit-recipe,.create-account,.view-favorites{border:none;border-radius:10px;font-family:Roboto,sans-serif;font-weight:900;padding:10px;font-size:18px;color:#fff;box-shadow:0 2px 2px #00000040}.submit-recipe{margin-right:20px;background-color:var(--orange)}.create-account{background-color:var(--primary-yellow)}.view-favorites{background-color:var(--secondary-yellow);margin-right:20px}.user-info{display:flex}.user-info h2{color:#fff;margin-right:20px;display:flex;align-items:center;font-family:Judson,serif;font-weight:400}.footer-container{height:40px;background-color:var(--primary-red);display:flex;justify-content:flex-end;align-items:center}p{font-family:Roboto,sans-serif;font-size:16px;color:#fff;margin-right:20px}.recipe-details-banner{display:flex;flex-direction:column;align-items:center;margin:30px auto;font-family:Roboto,sans-serif;color:var(--primary-red)}.recipe-img{width:40%;border-radius:10px;margin:20px 0}.recipe-info{margin:0 50px 50px}.recipe-details-container h1{font-family:Roboto,sans-serif}.recipe-details-container h2{font-family:Judson,serif;font-size:40px}li{margin-top:10px;line-height:20px}.ingredients-title{color:var(--orange)}.directions-title{color:var(--primary-red);margin-top:30px}ol,ul{font-family:Roboto,sans-serif}.add-to-favorites{color:var(--primary-red);font-family:Judson,serif;font-style:italic;font-weight:900;font-size:24px;text-align:right;margin-top:20px}.recipes-container{height:100vh}.all-recipes-container{display:flex;flex-wrap:wrap;justify-content:center}.all-recipes-card{width:40%;margin:30px;border-radius:10px;color:#fff;font-family:Roboto,sans-serif;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-shadow:0 2px 2px #00000040}.all-img{width:60%;padding:10px 0;cursor:pointer}.all-title{cursor:pointer}.all-heading{margin-top:20px;color:var(--primary-red)}h1{color:var(--orange);font-size:40px}.auth-container{min-height:60vh}.auth-form{background-color:#fff;width:40%;min-height:30vh;margin:30vh auto;padding:20px;border-radius:16px;border:5px solid var(--primary-red);display:flex;flex-direction:column;align-items:center;justify-content:space-between;-webkit-box-shadow:2px -1px 3px 0px rgba(0,0,0,.75);-moz-box-shadow:2px -1px 3px 0px rgba(0,0,0,.75);box-shadow:5px 4px 5px #0003}.form-group{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.form-group input{padding:8px 16px;border:none;border-bottom:1px solid var(--primary-red);margin-top:20px}::placeholder{color:var(--primary-red);font-family:Roboto,sans-serif}.auth-form button{background-color:var(--orange);color:#fff;font-family:Roboto,sans-serif;border:none;padding:8px 20px;border-radius:8px;cursor:pointer;margin:20px 0}.form-link{cursor:pointer;font-style:italic}form p{color:var(--primary-red);font-family:Roboto,sans-serif;font-weight:700}.favorites-container{height:100vh}.no-favorites{color:var(--primary-red);font-style:"Roboto",sans-serif;text-align:center;font-size:30px;font-weight:700;margin:30px}.favorites-heading{margin-top:30px}