@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/Roboto-Regular.ttf");
}
@font-face {
    font-family: Roboto-Light;
    src: url("../fonts/Roboto/Roboto-Light.ttf");
}
@font-face {
    font-family: Roboto-Slab;
    src: url("../fonts/Roboto_Slab/RobotoSlab-Light.ttf");
}
@font-face {
    font-family: OpenSans;
    src: url("../fonts/openSans/OpenSans-Regular.ttf");
}
@font-face {
    font-family: OpenSans-Light;
    src: url("../fonts/openSans/OpenSans-Light.ttf");
}
.netContainer{
	position: fixed;
	width:100vw;
	z-index:-100;
	height: 100vh;
}
a{
	color:black;
}
body{
	background-color:#EEEEEE;
	margin:0;
	padding: 0;
	overflow-x: hidden;
	display: flex;
	justify-content: center;
}
.screen{
	min-height:100vh;
	width:800px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.bitchinContainer{
	background-color:rgba(238, 238, 238, 0.8);
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-self: center;
	justify-content: center;
}
.row{
	display: flex;
}
.content{
	font-size: 5em;
	font-family: "Roboto-Slab";
}
.email{
	font-family: "Roboto-Light";
	font-size: 1.2em;
}
.email .content{
}
.email .col{
	border-bottom: 1px solid black;
	width:40.25%;
}
.emailTitle{
	transform:translateY(39%);
}
.lineLeft{
	margin:0 15px 0 0;
	border-left: 1px solid black;
}
.lineRight{
	margin:0 0 0 15px;
	border-right: 1px solid black;
}


.social{
	font-family: "Roboto-Light";
	font-weight: 300;
	font-size: 1.2em;
}
.socialTitle{
	transform:translateY(-53%);
}
.social .col{
	width:24.2%;
	border-top: 1px solid black;
}
.web{
	font-family: "Roboto-Light";
	font-weight: 300;
	font-size: 1.2em;
}
.webTitle{
	transform:translateY(-53%);
}
.web .col{
	width:36%;
	border-top: 1px solid black;
}
.downArrow{
	font-family: Roboto;
	position: absolute;
	bottom: 100px;
	color: black;
    border: 2px solid black;
    font-size: 2em;
    padding:10px 20px;
    border-radius: 100%;
    background-color: rgba(0,0,0,0.1);
}
h1{
	font-size: 2.5em;
	font-family: Roboto-Slab;
	font-weight: 200;
}
h2{
	font-size: 2em;
	font-family: Roboto-Slab;
	font-weight: 200;
}
/*Styles for about me section*/
.infoBlock{
	width: 800px;
	background-color:rgba(238, 238, 238, 0.8);
	border-radius: 10px;
}
.infoBlock p{
	font-size: 1.1em;
	font-family: OpenSans-Light;

}
.infoBlock p img{
	border-radius: 100%;
	word-wrap: all;
	margin-right: 30px;
}
#selfImage .curve{ 
  width: 35%; 
  height: auto;
  float: left;
  margin-right:2rem; 
  border-radius: 50%;
  -webkit-shape-outside:circle();
  shape-outside:circle();
}
/*Stuff for jobBlocks*/
.jobBlock{
	display: flex;
	background-color:rgba(238, 238, 238, 0.8);
	border-radius: 10px;
}
.jobImg img{
	width: 150px;
}
.jobImg{
	margin:10px 20px 0 0;
	align-self: center;
}
.jobName{
	font-size: 1.6em;
	font-family: Roboto-Slab;
	margin: 10px;
}
.jobTitle{
	font-size: 1.3em;
	font-family: Roboto-Slab;
	margin: 10px;
}
.jobText{
	font-family: Roboto-Light;
	font-weight: 100;	
	margin: 10px;
}
.jobDuration{
	font-size: 1.3em;
	font-family: Roboto-Slab;
	margin:10px;
}
.jobBreaker{
	border-bottom:1px solid #CCC;
	width:75%;
	margin:25px auto;
}