/* styles.css */
/*Universal CSS*/
body h1{
	font-size: 30px;
}
body {
	background-color: #1A1A1A;
	color: white;
	font-family: Arial, sans-serif;
}
.button {
	background-color: #007bff !important;
	color: white;
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}



/*Clock Widget*/

.clock-widget {
	font-size: 40px;
	flex: 20%;
	display: flex;
	align-items: center;
}


.weather-widget-container{
flex: 80%;
}


td.date-nav-buttons img#navBack1, td.date-nav-buttons img#navForward1 {
display: none !important;
}
table#footer1 {
display: none;
}
.view-cap, .view-container-border {
background-color: #ffffff;
}

.recipe-grid {
display: flex;
flex-wrap: wrap;
}

.recipe-card {
max-width: 320px;
min-width: 200px;
margin: 20px;
}
/* Add more styles as needed */




.recipe-details .title-buttons {
	text-align: center;
}
.recipe-details .title-buttons a{
	display: inline-block;
	padding: 10px;
}
.recipe-details .recipe-image{
	display: flex;
	justify-content: center;
}
.recipe-details .recipe-image img{
	max-width: 500px;
}
.recipe-details .ingred-instruct {
	display: flex;
	justify-content: center;
}
.recipe-details .ingred-instruct div{
	padding: 20px;
	max-width: 500px;
	width: 100%;
}
.recipe-details ol {
	list-style: auto;
}

.recipe-form input[type="text"], .recipe-form textarea {
	color: #000 !important;
}
.recipe-form textarea {
height: 300px;
}
.form-instruct, .form-ingred, .form-title {
	display: grid;
}

.recipe-form {
	max-width: 1000px;
	margin: auto;
}
.form-ingred-instruct {
	display: flex;
	justify-content: space-between;
}


.form-ingred-instruct div{
	width: 100%;
	margin: 20px;
}
.form-footer {
	text-align: center;
}

.form-footer p{
	padding: 15px 0 0 0;
}