brown-wall/style.css

body{
	background: linear-gradient(cyan,teal);
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}
main{
	padding:10pt;
	margin:50pt;
}

@media (min-width: 1000px) {
	.menu-container{
		grid-template-columns: 33% 33% 33%;
	}
	.dropdown-menu{
		margin:1em;
		padding: 3em;
	}
}

@media (max-width: 999px) {
	.menu-container{
		grid-template-columns: 50% 50%;
	}
	.dropdown-menu{
		margin:1em;
		padding: 2em;
	}
}

@media (max-width: 600px) {
	.menu-container{
		grid-template-columns: 100%;
	}
	.dropdown-menu{
		padding: 1em;
	}
}

.menu-container{
	transition:all 200ms;
	margin:auto;
	display:grid;
}

.dropdown-menu{
	border: black 2pt solid;
	border-radius: 1em;
	transition: all 200ms;
	background-color: #ddd;
	filter:drop-shadow(7px 5px 4px black);
}
.dropdown-menu:hover{
	background-color: white;
}