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

html {
  background: url(bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: Roboto, Verdana, Geneva, sans-serif;
}

.box {
  padding-left: 15%;
  padding-right: 15%;
  text-align:center;
  font-size:1.25em;
  color: #ccc;
}

.box.larger {
  font-size:2em;
}

.box.smaller {
  font-size:1em;
}

a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}