@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100&display=swap');

html{
  height: 100%;
  width: 100%;
}

body{
  background-image: url("../images/dark-lake.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}

#centre-box {
  /* margin: auto; */
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
  width: 25%;
  height: 10%;
  line-height: 100px;
  color: white; 
  border: 3px solid white;
  padding: 20px;
  text-align: center;
  font-size: xx-large;  
  font-family: 'Roboto Mono', monospace;
  }