* {
  text-align: center;
}

@font-face {
    font-family: oblique;
    src: url(fonts/areminiscentsmile-Regular.ttf);
}

@font-face {
    font-family: regular;
    src: url(fonts/ArgestaText-Regular.otf);
}

#master { 
    margin:0 auto;
}

body {
  margin:0 auto;
  max-width: 650px;
  color: white;
  background-color: black;
}

h1 {
font-family: oblique;
}

h2 {
font-family: oblique;
}

h3 {
font-family: oblique;
}

h4 {
font-family: oblique;
}

p {
text-align: justify;
font-family: regular;
}

time {
font-family: regular;
}

hr {
  border: none;
  border-top: 3px double #dddfff;
  color: #dddfff;
  overflow: visible;
  text-align: center;
  height: 5px;
}

figure {
  margin:0 auto;
}

div {
  justify-content: center;
  max-width: 650px;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: #dddfff;
}

.wave-text span {
    animation: wave 2s ease-in-out infinite;
}

.wave-text span:nth-child(1) {
    animation-delay: 0s;
}
.wave-text span:nth-child(2) {
    animation-delay: 0.2s;
}
.wave-text span:nth-child(3) {
    animation-delay: 0.4s;
}
.wave-text span:nth-child(4) {
    animation-delay: 0.6s;
}


.fade-in-image {
  animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
  justify-content: center
}

.fade-in-image2 {
  animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}