body,
html {
  background: #eeeef4;
  margin: 0;
  padding: 5%;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  
}

.construction-message {
  position: absolute;
  top: 5%;
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

h1 {
  color: #09154d;
  font-weight: 700;
  font-size: 5vw;
  font-size: max(3vw, 18px);
  text-shadow: 
    0 1px 0 #ccc, 
    0 2px 0 #c9c9c9, 
    0 3px 0 #bbb, 
    0 4px 0 #b9b9b9, 
    0 5px 0 #aaa, 
    0 6px 1px rgba(0,0,0,.1), 
    0 0 5px rgba(0,0,0,.1), 
    0 1px 3px rgba(0,0,0,.3), 
    0 3px 5px rgba(0,0,0,.2), 
    0 5px 10px rgba(0,0,0,.25), 
    0 10px 10px rgba(0,0,0,.2), 
    0 20px 20px rgba(0,0,0,.15);
}

h2 {
  color: #09154d;
  font-weight: 300;
  font-size: 3vw;
  font-size: max(1.7vw, 13px);
}

h3 {
  color: #333333;
  font-weight: 100;
  font-size: max(1.2vw, 12px);
}

h4 {
  color: #5d6d7e;
  font-weight: 100;
  font-size: max(1.1vw, 11px);
  font-style: italic;
}

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

.info {
  color: #71b42d;
}
/* #09154d */