body{
  font-family: 'Source Sans Pro', sans-serif;
}
h1{
  font-family: serif;
  font-size: 80px;
  font-weight: 500;
  line-height: 1;
  color: teal;
  padding-bottom: 15px
  margin-top: 5px;
  margin-bottom: 9px;
}
.container
{
    padding-left: 20px;
    border-bottom: 1px solid grey;
    padding-bottom:30px;
}
.text
{
  font-size: 40px;
  color : #565656;
}
.name
{
  font-size: 35px;
  color : teal;
}
header{
  border-bottom: 1px solid grey;
  text-align: right;
  padding-bottom: 5px;
}
header nav a{
  color: #565656;
  font-style: bold;
  text-align: right;
  font-size: 16px;
  text-decoration: none;
  padding-left: 10px;
  padding-bottom: 10px;
}
.no_deco
{
  text-decoration: none;
  color:#565656;

}
 .card-grid li {
   color: white;

   font-size: 30px;

   background-color: #F19F4D;
   width: 400px;
   padding: 25px;
   margin: 25px;
   max-width: 400px;
   margin: 0 15px 20px;
}
.card-grid li {
  margin-top: 40px;
  margin-bottom: 40px;
 padding: 40px;
    /*background-color: #f4f7f8; */
    box-shadow: 5px 5px 5px 5px #eaeff2;
}
.list_of_websites
{
  text-decoration: none;
  color: white;
}
footer
{
  color: white;
  padding: 1em;
  padding-left: 20px;
}
.boxed
{
float: right;
margin-left : 10px;

}
a{
  text-decoration: underline;
  color:#565656;
  font-weight: normal;
}
h2
{
  font-weight: normal;
  font-size: 50px;
}