@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=BenchNine');
@font-face {
    font-family: 'pt_sansregular';
    src: url('../font/pt_sans-web-regular-webfont.eot');
    src: url('../font/pt_sans-web-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/pt_sans-web-regular-webfont.woff2') format('woff2'),
         url('../font/pt_sans-web-regular-webfont.woff') format('woff'),
         url('../font/pt_sans-web-regular-webfont.ttf') format('truetype'),
         url('../font/pt_sans-web-regular-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
    background-color: white;
    font-family: 'pt_sansregular';
}

nav{
    background-color: rgba(32, 138, 99, 0.68);
    padding: 2px;
    font-size: 13px;
}

nav ul li a:hover {
    color: #5F07DD;
}

 header nav ul { 
     list-style: none;
     margin: none;
     padding: 0;
     display: flex;
     flex-direction: row;
     align-content: space-around;
     justify-content: space-around;
}

header nav ul li {
    font-size: 20px;
}

header nav ul li a {
    color: white;
    text-decoration: none;
    background-color: none;
    display: block;
    text-align: center;
    font-family: 'Oswald', sans-serif;
}

body {
    margin: 0;
    padding: 0;
}
main .profile-container {
    margin: 0 0 0.7em 0;
    display: flex;
    flex-direction: row;
    align-content: space-around;
    justify-content: space-around;
}   

main .profile-container .profile {
    background: #ffffff;
    box-shadow: 3px 3px 3px #CCC;
    padding:  0 1em 1em 1em;
}   

main .profile-container .profile  h2 {
    color: rgba(95, 7, 221, 0.81);
    font-family: 'BenchNine', sans-serif;
    font-size: 1.5em;
    background-color: rgba(95, 7, 221, 0.31);
    margin:0 -16px;
    padding: 0.3em;;
  
}
main .profile-container .profile p {
    color: rgb(95, 7, 221);
}

main .profile-container .profile a {
    color: white;
    font-size: 0.89em;
    display: inline-block;
    background: rgb(95, 7, 221);
    padding: 1em;
    text-decoration: none;
}

main .profile-container .profile .ver:hover {
    color: aquamarine;
}

header img {
    height: 20em;
    margin-bottom: auto;
    margin-left: 200px;
    display: block;
    margin: auto;
}

header .title {
    color: rgba(32, 138, 99, 0.68);
    text-align: center;
    font-size: 3em;
}

header .subtitle {
    color: rgb(32, 138, 99);
    text-align: center;
}
body aside {
    text-align: center;
    color: #3f559b;
}
body article {
    text-align: center;
    color: #3f559b;
}
body footer {
    font-size: 0.8em;
    color: #3f559b;
}
p{
    font-family: 'Source Sans Pro', sans-serif;
    color: rgb(90, 98, 95);
}
#anton{
    font-family: 'Anton', sans-serif;
}
#oswald{
    font-family: 'Oswald', sans-serif;
}