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

/* master orientation */

#outer {display: table; 
  position: absolute;
  height: 100%;
  width: 100%}
#middle { display: table-cell;  }
#container{
  display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
}
#inner {padding: 30px 0 0 0;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle; 
  text-align:center;

justify-content: center;
  /*display:inline-block;*/
/*display:block*/}


body {background-color: rgba(123,150,181,1);
overflow:hidden;}


h1 {margin:0px 0px 5px 0px ;}


p  {  text-align:left;
margin:0px;
  padding:0px;}




/* Left Page */

#name {
  background-color:rgba(255,255,255,.7);
    width:790px;
  height:70px;
  margin:10px;
  color:black;
  vertical-align:middle; 
}

#lower{
width:100%;
  position:relative;
  display:inline-block;
}

#pageleft {
	display:flex;
  display:-webkit-flex;
 -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;	
  float:left;
	width: 230px;
	position: relative; 
   margin:10px;
  height:275px;
  padding:10px;
  background-color: rgba(255, 255, 255, 0.7);

}

#interest {
    padding:0 0 10px 0; 
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:lightgrey;
  
}

#backgnd {
  margin:10px 0px 0px 0px;
  padding:0 0 10px 0; 
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:lightgrey;
}

#backgnd p {
  text-align:left;
  font-family:'roboto';
}

#pageleft h1 {
  font-family:"roboto";
    font-size:20px;
/*    -moz-text-decoration-line: underline; 
    text-decoration-line: underline;
*/
}

#projects{
  margin:10px 0px 0px 0px ;
  font-family:"Roboto";
    font-size:14px;
}

#pageleft p {
  font-family:'Roboto';
    font-size:14px;
  margin: 0px 0px 4px 0px;
}






/* Center Div */ 


#main {display:inline;
position:relative;
  margin:10px;
float:left;
width: 230px;
height:275px;
  padding: 10px; 
  background-color: rgba(255, 255, 255, 0.7);
	display:flex;
  display:-webkit-flex;
 -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;	
}


#mainname {
  font-family:'Julius Sans One';
    font-size: 24px;
  line-height:75px;
 vertical-align:middle; 
  height:100%;
  width:100%;
  display:inline-block;
}

#tag {
  font-family: 'roboto';
  font-size: 14px;
  padding-top:1px;
}

#leftright{
  padding-top:50px;
  font-family:"Roboto"; 
  font-size:14px
  
}

/* page right */

#pageright {display:inline-block;
width: 230px;
  margin:10px;
position: relative; 
float: left;
height:275px;
  background-color: rgba(255, 255, 255, 0.7);
  padding:10px;
  margin:10px;
  text-align:center;
}

#pageright h1 {
   font-family:'Roboto';
  font-size: 20px;
}

#contact {
  font-family:"Roboto";
  font-size:20px;
}
#listuff {
  font-family:"Roboto";
  margin-top:20px;
  font-size:14px;
 
}

#listuff p {
   font-family:"Roboto Mono";
    font-size:14px; 
  text-align:center;
  margin-top:5px
}

#email {
  font-family:'Roboto';
  font-size:14px;
  
}
#email p {
  font-family:"Roboto Mono";
    font-size:14px; 
  text-align:center;
  margin-top:5px;
    line-height:25px;
}

#contact {
  font-size:36px;
  text-align:center;
  
}

#pageright a {
  text-shadow:none;
  text-decoration:none;
  color:black;
  background-color:white;
  border-width:2x;
  border-color:white;
  border-style:solid; 
  
}