body {
  background-color: #a3b7d0;
  background-image: linear-gradient(to right, #a3b7d0 0%, #607ea4 50%);
}

#webcard {
  width:420px;
  height:250px;  
  padding:15px;
  margin: 60px auto 60px auto;
  background-color: white;
  background-size: 400px;
  border: 1px solid #283d6c;

}
img#mail {
  width: 160px;
  height: auto;
  float:right;
  padding: 0px 0px 0 0;
}
h1 {
  font-size: 23px;
  line-height: 25px;
  clear:both;
  font-family: 'Lusitana', serif;
  margin:0 0 10px 0;
  padding:0;
  font-weight: normal;
  position:relative;
  top:-20px;
}

h2 {
  font-family: 'Oswald', sans-serif;
  font-size: 17px;
  line-height: 25px;  
  color: #07174a; 
  font-weight: normal;
clear:both;  
margin:0;
  position:relative;
  top:-20px;
}
p {
    font-size: 15px;
  margin:10px 0 0 0;
  padding:0;
  font-family: 'Oswald', sans-serif; 
  position:relative;
  top:-20px;  
}
p a {
   color: #07174a;  
   margin: 0px 10px 0 0;
   padding: 0;
   text-decoration: none;
}
a:hover {
 color: #d6c182; 
}