main.css

		body{
			background-image: url(main.jpg);
			background-size: cover;
		}

		div{
			top: 20%;
			left: 15%;
			position: absolute;
			padding: 25px;
			opacity: 0.75;
			width: 950px;
			height: 200px;
			border-radius: 35px;
			background-color: white;
		}

		img{
			opacity: 1.0;
			float: left;
			height: 250px;
			width: 250px;
			margin-left: 20px;
		}

		h1{
			opacity: 1.0; 
			position: relative;
			font-size: 5em;
			display: inline-block;
			color: black;
			text-align: center;
		}

		.n{
			font-size: 9em;
			display: inline;
		}

		.button {
			opacity: 1.0;
  			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;
		}