* {
	color: white;
	font-family: arial, sans-serif;
	padding: 0;
	box-sizing: border-box;
}

body {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/booziest_duck.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 100vh;
	overflow: hidden;
	width: 80%;
	margin-left: 10%;
}

header {
	display: flex;
	justify-content: center;
}

nav {
	display: flex;
	flex-direction: row;
}

nav div {
	padding: 0.5em;
	background: rgba(255, 255, 255, 0);
	width: 7em;
	display: flex;
	justify-content: center;
}

nav div:hover {
	background: rgba(255, 255, 255, 0.2)
}

main {
	display: grid;
	gap: 0.5em;
}

footer {
	position: fixed;
	bottom: 0;
}

a {
	text-decoration: none;
	align-self: center;
}

#image {
	grid-column-start: 1;
	grid-column-end: 3;
	display: flex;
	justify-content: center;
}

#image img {
	max-height: 38em;
}

#Buuuuus {
	height: 11em;
	width: 11em;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.5em;
	background: rgb(192,192,192);
	border: solid black;
}

#Buuuuus button {
	height: 10em;
	width: 10em;
	border-radius: 100%;
	background: rgb(255,255,255);
	background: radial-gradient(circle, rgba(255,255,255,0.55) 0%, rgba(253,29,29,1) 50%, rgba(0,0,0,0.75) 100%);
}

@media screen and (min-width: 640px) {

}

@media screen and (min-width: 1024px) {
	
}