/*CSS file for the resume assignment for Educational Media*/

body {
	background: white;
	margin: 25px;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
}

p {
	font-family: 'Raleway', sans-serif;
}

a {
	color: blue;
	text-decoration: none;
}

h1 {
	color: blue;
}

.nospace {
	line-height: 0px;
}

.profilepic {
	display: block;
	width:300px;
	height:300px;
	margin-left: auto;
	margin-right: auto;
}



/*top intro text*/

.name {
	color: white;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	padding: 5px;
	background-color: blue;
	border: 2px solid white;
}

.city {
	font-family: 'Oswald', sans-serif;
	text-align: center;
	line-height: 0px;
}

.role {
	font-family: 'Oswald', sans-serif;
	font-size: 1.3em;
}

.contact {
	font-family: 'Oswald', sans-serif;
	font-style: italic;
	font-size: 1.0em;
	text-align: center;
}

.date {
	font-style: italic;
	font-size: 1.0em;
}

/*table styling*/

table {
    border-collapse: collapse;
    width: 90%;
	margin-left: 100px;
}

th, td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

tr:hover {
	background-color:#f5f5f5;
}

.column1 {
	width: 25%;
	padding-left: 25px;
	text-indent: 25px;
}

.column2 {
	width: 65%;
}

/* company logo styling */

.logo {
	width:50px;
	height:50px;
	float: left;
	padding: 10px;
}