@import url('https://fonts.googleapis.com/css?family=Days+One');

.fittext {
  // to use, divide 100vw by letter count, including spaces
  font-size:8.8vw;
  line-height: 1;
  
  text-align:center;
}

.fittext2 {
  font-size: 5vw;
  margin-top: 0;
}

html, body {
  height: 100%;
}

body {
  background-color:#c44032;
  background: url(mindblown.gif) no-repeat center center fixed;
  background-size: cover;
  color:#f4f1de;
  font-family: 'Days One', sans-serif;
  margin: 0;
}

h1 {
  display: none;
  margin-bottom:0;
  text-align:center;
  text-shadow: 2px 2px 30px black;
}

h2 {
  display: none;
  margin-bottom:0;
  text-align:center;
  text-shadow: #863027 .01em .01em 0,
               #863027 .02em .02em 0,
               #863027 .03em .03em 0,
               #863027 .04em .04em 0,
               #863027 .05em .05em 0,
               #863027 .06em .06em 0,
               #863027 .07em .07em 0,			
               #863027 .08em .08em 0,
               #863027 .09em .09em 0,
               #863027 .1em .1em 0
}

body {
  text-align: center;
  animation: fadein 0.2s;
}

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.flex-container {
  height: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-item {
  color: white;
  text-align: center;
}