@charset "utf-8";
/* CSS Document */
html, body {
			height: 100%;
			margin:0;
		}
		
.header {
	background-color:#400;
	color: yellow;
	padding: 50px;
}

.main {
	color:black;
	height:100%;
	padding: 50px;
}
		
		.footer {
			background-color:#400;
			color: yellow;
			font-variant: small-caps;
			padding: 50px;
			text-align: center;
		}
span {
	color: white;
}

.design-style {
	color:yellow;
	padding:30px;
}

.button {
  border-radius: 4px;
  background-color: #f4511e;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: red;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
}

#myBtn:hover {
	background-color: #555;
}