@charset "utf-8";
/* CSS Document */

body {
	background: rgba(220,220,220,1.00);
	padding: 20px;
}

/*nav a, nav li, nav div {*/
.button {
	width: auto;
	height: 30px;
	line-height: 30px;
	list-style: none;
	border: 1px solid black;
	background: white;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	transition: all 500ms;
}

.button:hover {
	background-color: red;
	font-size: 0.2em;
	/*transition: all 500ms;*/
}

.button:active {
	background-color: yellow;
}

.isdown {
	background-color: aqua;
	
}

nav a {
	padding: 5px;
}

/*nav.nav3 .container div {*/
div.button {
	float: left;
}

.container::after {
	content: "";
	clear: both;
}

nav.nav1 {
	background-color: red;
}

nav.nav2 {
	background-color: blue;
}

nav.nav3 {
	background-color: green;
}

/*
#text_1 {
	opacity: 1.0;
	line-height: 1rem;
	transition: all 1000ms; 
}

#text_1.invisible {
	line-height: 0px;
	opacity: 0.0;
	transition: all 1000ms;
}
*/