html {
  background: url(../images/torontosunset1.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
}

.roboto {
  font-family: "Roboto";
}

.raleway {
  font-family: "Raleway";
  font-weight: 300;
}

.poiretone {
  font-family: "Poiret One";
}

#logo {
  position: absolute;
  max-width: 8%;
  max-height: 8%;
  margin-left: 15px;
}

#circle {
    position: absolute;
    top: 0; bottom:0; left: 0; right:0;
    margin: auto;
    opacity: 0.5;
    min-width: 25%;
    min-height: 25%;
}

#me {
    position: absolute;
    top: 0; bottom:0; left: 0; right:0;
    margin: auto;
    max-width: 35%;
    max-height: 35%;
}


a {
 color: inherit;
}

a:hover {
 color: #FFAD33;
 text-decoration: none;
}

body{
	background-color: rgba(255, 255, 255, 0);
	color: white;
}

#name {
	padding-top: 72vh;
}

#navbar {
	font-family: "Quicksand";
}

footer {
	font-size: 10px;
}