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

body {
  display: flex;
  flex-direction: column;
  height:100vh;
  background: linear-gradient(#9CF 0%, #069 69%, #036 100%);
}

a, a:link, a:visited, a:hover, a:active {
  color: black;
}

header {
  display: flex;
  flex-direction: column;
}

main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100vh;
}

#helloworld {
  padding: 48px;
  font-family: Noto Sans Mono;
  font-size: 48px;
}

img {
  border-radius: 50%;
}

header .links {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

header .links a {
  padding: 8px;
}

footer .links {
  display: flex;
  flex-direction: row;
  justify-content: right;
  margin: 4px 32px;
}

footer .links a {
  padding: 8px;
  color: #069;
}