html { 
  background: url(../images/background-min.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: 'Helvetica Neue', sans-serif; /* 1st choice Helvetica Neue, if not found, then use sans-serif */
}

.profile-box {
	width: 400px;
	height: 380px; 
	background: rgba(0, 0, 0, 0.4);
	padding: 40px;
	color: white;
	margin: 0 auto; /* Centers the element */
	margin-top: 140px;
	text-align: center;
}

.profile-pic {
	border-radius: 50%; /* circles the profile picture */
	height: 200px;
	width: 200px;
}

h1 {
	font-weight: 100;
	letter-spacing: 4;
	font-size: 30px;
}

p {
	font-weight: 200;
	letter-spacing: 0.25;
}

h5 {
	font-size: 13px;
	color: white;
}

p a {
	color: white;
}

.link-icons {
	font-size: 40px;
}

.link-icons a {
	color: white;
}

.line-break {
	width: 385px;
	margin: 0 auto;
	border-top: 1px solid white;
}

.education {
	width: 1000px;
	height: 420px; 
	background: rgba(0, 0, 0, 0.4);
	padding-top: 10px;
	padding-bottom: 15px;
	color: white;
	margin: 0 auto; /* Centers the element */
	margin-top: 75px;
	text-align: center;
	margin-bottom: 100px;
}

ul.topnav {
    list-style-type: none;
    overflow: hidden;
    background-color: #333;
    background: rgba(0, 0, 0, 0.4);
    width: 440px;
    margin-top: -40px;
    margin-left: -40px;
}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 20px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 22px;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #555;}

.active a {
	background: rgba(0, 0, 0, 0.7);
}

.work-experience {
	width: 1100px;
	height: 1035px; 
	background: rgba(0, 0, 0, 0.4);
	padding-top: 10px;
	padding-bottom: 15px;
	color: white;
	margin: 0 auto; /* Centers the element */
	margin-top: 75px;
	text-align: center;
}

.me {
	width: 1000px;
	height: 500px; 
	background: rgba(0, 0, 0, 0.4);
	padding-top: 10px;
	padding-bottom: 15px;
	color: white;
	margin: 0 auto; /* Centers the element */
	margin-top: 75px;
	text-align: center;
	margin-bottom: 100px;
}