* {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; padding: 0px; margin: 0px ; box-sizing:border-box;} 

h1{ margin: 20px; color: green;}

h2{ color: green;}


.message {  padding: 20px; background-color: #04AA6D;  color: white;  opacity: 1;   transition: opacity 0.6s;  
margin-bottom: 15px;  border-radius: 10px;

	-moz-animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes cssAnimation {	to {  width:0; height:0;     overflow:hidden; display: none; visibility:hidden;   }}
@-webkit-keyframes cssAnimation {    to {	width:0;	height:0;	visibility:hidden; display: none	}}

.message.success {background-color: #04AA6D;}
.message.info {background-color: #2196F3;}
.message.notice {background-color: #ff9800;}
.message.error {background-color: #f44336;}
.message.danger {background-color: #ff9800;}
.message_close_button {  margin-left: 15px;  color: white;  font-weight: bold;  float: right;  font-size: 22px;  line-height: 20px;  cursor: pointer; transition: 0.3s; }
.message_close_button:hover {	color: black; }


.button {    
	display: inline-block; text-align: center; margin: 3px;
    background-color: #155345;    height: 25px;    padding: 7px 10px;	height: 35px;    
	border-radius: 10px;  text-decoration: none;  color: white; width: auto; min-width: 50px;
 }
 
a.button:hover {color: #ffcc00; background-color: #2d482b }

/* 
.dropdown {  position: relative;	display: inline-block;	}

.dropdown_content {  display: none;  position: absolute;  background-color: #f9f9f9; width: auto;
 min-width: 90px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 1;
}

.dropdown_content a {  display: block !important;	}


.dropdown:hover .dropdown_content {  display: block;} */