html{
	position: relative;
	min-height: 100%;
}

body{
margin-bottom: 25px;
}

div.container {
    width: 100%;
}

nav {
    float: left;
    max-width: 160px;
    margin: 0;
    padding: 1em;
}

nav ul {
    list-style-type: none;
    padding: 0;
}
   
nav ul a {
    text-decoration: none;
    font-family: 'Heebo'; 
    color:#FF00FE;
    opacity: .4;
    font-size: 20px;
    line-height: 200%;
    text-transform: none;
}

.headings{
font-family: 'Heebo'; 
    color:#000000;
    font-size: 20px;
}

.about{
margin-right: 270px;
}

article {
    margin-left: 270px;
    overflow: hidden;
}

header{
    padding: 1em;
    color: white;
    background-color: #ffffff;
    clear: left;
    text-align: left;
    }
    
footer{
    text-align: center;
    font-family: 'Heebo', sans-serif;
    font-size: 12px;
    color: #FF00FE;
    background-color:#ffffff;
	position:absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 25px;
	opacity: .4;
}

img {
    image-orientation: from-image;
}

h1{
	font-family: 'Heebo', sans-serif;
	font-size:40px;
	color:#FF00FE;
	letter-spacing:7px;
	opacity: .4;
}

p{
	font-family: 'Heebo', sans-serif;
	color: #000000;
}

a{
	text-decoration: none;
    color:#FF00FE;
    opacity: .4;
}

a:visited {
    text-decoration: none;
    color:#FF00FE;
    opacity: .4;
}

#myBtn {
    display: none; 
    position: fixed; 
    bottom: 70px; 
    right: 30px; 
    z-index: 99; 
    border: none; 
    outline: none; 
    background-color: #FF00FE;; 
    color: white; 
    cursor: pointer; 
    padding: 15px; 
    border-radius: 5px; 
    opacity: .4;
}

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