@charset "UTF-8";
/* CSS Document */

.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}



body {
	height: 100%;
	background-color: none;
}

nav {
	float: right;
	width: 50%;
	height: 12vh;
	background-color: none;
	align-content: space-around;
	font-size: 1.6em;
	visibility: hidden;
} 

#works {
	width: 50%;
	height: 64vh;
	background-color: white;
	border: none;
	margin-top: 12vh;
	margin-left: 50%;
	position: absolute;
	z-index: 2;
	font-size: 0.8em;
	text-align: left;
} 

#about {
	width: 49%;
	height: 64vh;
	background-color: white;
	border: none;
	margin-top: 12vh;
	margin-left: 50%;
	position: absolute;
	z-index: 2;
    font-size: 0.8em;
	line-height: 1.2em;
	text-align: left;
	hyphens: auto;
	padding-left: 0.5em;
} 


footer {
	float: right;
	width: 50%;
	margin-top: 64vh;
	height: 24vh;
	background-color: none;
	font-size: 1em;
	align-content: space-around;
}	
	
a {
	color: black;
	text-decoration: none;
}


li {
 list-style: none;
}

button {
	border: none;
	background-color: white;
	font-size: 1em;
	font-weight: 300;
	}
	
	
.bg-image {
	float: left;
	margin-top: 12vh;
	width: 50%;
	height: 64vh;
	background-image: url("IMG_1085R.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.logo {
    float: left;
	position: absolute;
	margin-top: 38vh;
	width: 100%;
} 

.visibile {
	visibility: visible;
}