@font-face{
    font-family: 'bloody';
    src: url('font.woff2') format('woff2'),
        url('font.woff') format('woff'),
        url('font.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
    background-image: url('bg.jpg');
}

h1{
    font-family: 'bloody';
    text-align: center;
    font-size: 6rem;
    color: darkred;
    text-shadow: .5rem .5rem 1.5rem black;
}

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
  text-align: center;
}

/* Hide the images by default */
img {
  max-height: 640px;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}