body {
    font-family: sans-serif;
    color:#f3e9f4;
    max-width: 1200px;
    margin: 0 auto 0 auto;
    background-image:url(images/space.jpg);
    background-size: cover;
    background-attachment: fixed;
    position:relative;
    padding-bottom: 60px;
}

.transparent {
    padding:30px;
    background:rgba(54, 53, 52, .55);
    border-radius: 5px;
    margin:10px;
    /* max-width: 1200px;
    margin: 0 auto 0 auto; */
}

h1{
    font-family:'Berkshire Swash', cursive;
    font-size: 120px;
    text-align: center;
    text-shadow: rgb(23, 15, 45) 1px 0 10px;
}
/*h1 span{
    te
}*/
h1 span:nth-child(2){
    font-size: .5em;
    color:#bebaef;
    display:block;

}
h3{
    font-family: 'Berkshire Swash', cursive;
    font-size: 50px;
    text-align:center;
}

#page-directory ul{
    line-height: 3em;
}
#about, #skills{
    text-align: center;

}

#sagan{
    color:#583c5b;
    margin: 50px;
}

#sagan strong{
    background-color: rgba(243, 233, 244, .75);
    padding:1em;
    border-radius: 5px;
    display:inline-block;
}

.name-font{
    font-family: 'Berkshire Swash', cursive;
    font-size: 30px;
}

#name{
    font-size:40px;
}

a:link{
    color:#f3e9f4;
}

a:visited{
    color:#b1aece;
}

a:hover{
    font-weight:bold;
    color:rgb(228, 206, 243);
    background-color: #583c5b;
}

a:active{
    color:#8a2be2;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;   /* Height of the footer */
    line-height: 60px;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
  }

  li{
  display:inline;
  padding:10px;
  
  }