main.css

body {
	margin: 0;
	background-color: #FFC833;
}

h1	{
padding-top: 0px;
margin-top: 0px;
margin-bottom:0px;
padding-bottom:0px;
}

h2	{
font-family:'Helvetica', 'Arial', 'Sans-Serif';
color: dimgrey;
margin-bottom: 0.1em;
}

p {
	font-family:'Helvetica', 'Arial', 'Sans-Serif';
	font-size:1.3em;
	font-weight:normal;
	color: dimgrey;
}

textarea {
font-size:1.2em;
background-color: lightgrey;
border: 0px solid grey;
}

a {
  color: #6c00ff;
  text-decoration: inherit;
}

.description {
	padding-left:40px;
	width:80%;
}

.encoder {
	padding-top:6vw;
}

.header {
	position: fixed;
	top: 0;
	right: 0;
	text-align: right;
	color: white;
	font-family:'Helvetica', 'Arial', 'Sans-Serif';
	font-size: 4vw;
	transition: 0.2s;
	padding: 10px;
}

.footer {
	position: fixed;
	bottom: 0;
	right: 0;
	text-align: right;
	color: white;
	font-family:'Helvetica', 'Arial', 'Sans-Serif';
	font-size: 3vw;
	padding: 10px;
}

.leftfoot {
	position: fixed;
	bottom: -20px;
	left: 0;
	text-align: left;
	color: white;
	font-family:'Helvetica', 'Arial', 'Sans-Serif';
	font-size: 3vw;
	padding: 10px;
}

.rotate_image {
	 -webkit-transform: rotate(20deg);
	 -moz-transform: rotate(20deg);
	 -ms-transform: rotate(20deg);
	 -o-transform: rotate(20deg);
	 transform: rotate(20deg);
	 border: 1px solid black;
	 border-radius: 5px;
}