html{
    font-size: 100%;
    background-image: url("background_img.png");
    background-size: cover;
}

.email{
    color:lightseagreen;
}


header span{
    font-size:0.75rem;
    text-align: right;
    display:block;
    color:lightseagreen;
    white-space: nowrap;
}


h1.name{
    font:2.5rem Brush Script MT, cursive;
    margin-bottom:0px;
    padding-bottom: 0px;
}

#jobWant{
    font: 1.5rem serif;
    color:grey;
    border-bottom: lightseagreen 2px solid;
    margin-bottom: 2em;
    margin-top: 1em;
}

div h3{
    font: 1.25rem Georgia, serif;
}

div h4{
    font-size: 1rem;
}

body{
    content: center;
    background-color: papayawhip;
    margin:4em 4em 4em 4em;
    font-family: Arial, sans-serif;
    padding-left:10em;
    padding-right:10em;
    padding-top:6em;
    padding-bottom:4em;
}
      
#education #school{
    list-style-type: none;
}

#experience .location{
    color: grey;
    font-size: small;
}

#skills ul, .jobdescription{
    list-style-type: circle;
}

a#portfolio{
    font:1.5rem serif;
    color:lightseagreen;
    background-color: rgb(247, 210, 165);
    border-radius: 15px;
    border: 2px outset #D3D3D3;
    margin:5px 15px 15px 5px;
    padding:5px;
    text-decoration:none;
}
a#portfolio:link{
    color: lightseagreen;
}
a#portfolio:hover{
    color:rgb(234, 101, 214);
    padding:10px;
}
a#portfolio:visited{
    color:#D3D3D3;
}
a#portfolio:active{
    color:#FFFFFF;
}