* {
	margin: 0;
	padding: 0;
	
}
main {
	display: flex;
	padding-top: 40px;
	
}
body{
	font-family: Arial;
	background-image: url("background.png");
	background-color: rgba(128, 128, 128, 0.3);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size:80%;
}


.menu {
	background-color:goldenrod;
	margin-top: 1%;
	margin-left: 10%;
	margin-right: 10%;
	padding: 0.2em;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-around;
	justify-items: center;
	align-items:center;
	border-radius: 1em;
	height:fit-content;

}

.menu-button{

	background-color: darkgoldenrod;
	width: 2em;
    padding: 0.8em;
    border-radius: 1em;
	transition: 1s;
	height:100%;
}

.menu-text{
	display:none;
	background-color: darkgoldenrod;
	width: fit-content;
    border-radius: 1em;
	width:fit-content;
	padding:0.2em;
	transition: 1s;
	justify-items:center;
}
.menu-button:hover + .menu-text{
	display:grid;
	}
.menu-text:hover{
	display:grid;
	}