html {
 	background-image: url(img/bg.png);
	background-size: cover;
	background-attachment: fixed;
	color: #2b3818;
}

h1{
	border-radius: 2vw;
	padding: 2vw;
	width: 40vw;
    background-color: #fffff8;
    opacity: 0.9;
  	height: 10vw;
  	position: relative;
  	left: 27vw;
  	top: auto;
}
h1 img{
	height: 7vw;
	width: auto;
	position: absolute;
	top: 3vw;
}

h2{
	font-size: 1.6vw;
}

p{
	font-size: 1.2vw;
}

.necoarc{
	content: url("img/necoarcread.gif");
	width: 150px;
	height: 150px;
	position: fixed;
	top: 77%;
}

.necoarc:hover{
	content: url("img/necoarcsleep.gif");
	width: 165px;
	height: 165px;
	position: fixed;
	top: 77%;
}

.left-bar{
    position: absolute;
    left: 5vw;
    top: auto;
}
.links{
	border-radius: 2vw;
	width: 12vw;
    padding: 2vw;
    background-color: #fffff8;
    opacity: 0.9;
}
.updates{
	border-radius: 2vw;
	width: 12vw;
	height: 14vw;
    padding: 2vw;
    background-color: #fffff8;
    opacity: 0.9;
    overflow: scroll;
}
.to-do{
	border-radius: 2vw;
	width: 12vw;
	height: 10vw;
    padding: 2vw;
    background-color: #fffff8;
    opacity: 0.9;
    overflow: scroll;
}

.centre-bar{
	text-align: center;
	border-radius: 2vw;
	width: 48vw;
    padding: 2vw;
    background-color: #fffff8;
    opacity: 0.9;

    position: absolute;
    top: auto;
    left: 24vw;
}

.centre-bar h2{
	padding-left: 10vw;
}

.centre-bar img{
	padding-left: 10vw;
	height: 4vw;
	width: auto;
}

.right-bar{
    position: absolute;
    left: 78vw;
    top: auto;
}
.blinkies{
	border-radius: 2vw;
	width: 18vw;
    padding: 1vw;
    background-color: #fffff8;
    opacity: 0.9;
}

.blinkies img{
	width: 18vw;
	height: auto;
	padding-bottom: 0.5vw;
}

.me img{
	width: 30vw;
	height: auto;
	position: absolute;
	z-index: 10;
	top: auto;
	left: 20vw;
}

a{
	text-decoration: none;
	font-size: 1.2vw;
	color: #5E6B33;
}

a:hover{
	color: #2b3818;
}