/*
html {
  background-color: #8a8a8a;
}
#splash {
  min-height: calc(100vh - 6em);
}

h1 {
    border-bottom: 2px solid #cccccc;
}

.flex-container {
    align-items: center;
}

p {
    text-align: center;
}
nav {
  margin: 0em 0em 0em 1em;
}
rgba(57, 66, 78, 0.85)
    background: url("/alien_night_sky_two_moons_desert_landscape_bg-2.jpg") rgba(0, 0, 0, 0.5) fixed no-repeat; 
        background-blend-mode: overlay;*/
html {
    background: url("/smoking_at_dark_sky_1_1.jpg") fixed no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body {
    /*
    background-color: rgba(255, 255, 255, 0.07);
    background-color: rgba(57, 66, 78, 0.6);
    min-height: 100vh;    
    */
    border-radius: 37px;
    -webkit-backdrop-filter: blur(3px) contrast(100%) brightness(100%);
    backdrop-filter: blur(3px) contrast(100%) brightness(100%);
    margin: 4% 4%;
    
    animation: fadeInAnimation ease-out 0.7s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    /*animation-timing-function: ease-out;*/
}
 
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
        transform: translateY(-15px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
     }
}

h1#home {
    font-size: 2.8em;
    letter-spacing: 0.1em;
    font-family: "Bradley Hand";
    font-weight: 600;
    margin: 0.3em auto;
    border-bottom: none;
}
/*
h1 {
    opacity: 0.9;
}
li {
    opacity: 0.9;
.wrap {
    max-width: 22em;
}
}*/

.footer {
    font-family: "Bradley Hand";
    font-size: 0.8rem;
    letter-spacing: 0.4em;
    /*margin: auto auto 1.4em auto
    margin: auto auto 4em;*/
    margin: 0 auto auto auto;
}
.footer.flex-container {
    padding-top: 0
}

p#home {
    margin: 0.45em auto 1.4em auto;
    font-size: 1.1em;
    letter-spacing: 1.7px;
}

nav.flex-container {
    align-items: center;
}

.big-link {
  font-size: 1.3rem;
}
/*
hr {
    width: 95%;
}

*/

article img {
  border-radius: 2%;
}

img.profile {
  width: 100%;
  max-width: 160px;
  display: block;
  margin: 2rem auto;
  opacity: 1;
  border-radius: 50%;
}

a {
  transition: 0.1s ease;
}


article div.embed {
  margin-top: -3.5em;
  margin-bottom: 1.5em;
}
/*
article ul {
  list-style: none;
}
article ul {
  text-indent: -1.4em;
}
article li:before {
    font-family: 'FontAwesome';
    content: '\f6be';
    margin:0 5px 0 -15px;
    color: #fff;
}*/