@font-face {
  font-family: 'Roboto';
  src: url(../fonts/Roboto/Roboto-Regular.ttf) format('truetype');
}

* {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-weight: 700;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.5)), url('../img/desert.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

main {
  height: 100%;
  max-width: 1920px;
  overflow-y: scroll;
  text-wrap: pretty;
  text-align: left;
  padding: 20px 20px 20px 20px;
}

h1, h2, h3, h4 {
  margin-bottom: 10px;
}

p {
  margin-bottom: 10px;
}

a {
  display: flex;
  padding-top: 6px;
  align-items: center;
  gap: 10px;
}