main {
  max-width: 90%;
  margin: auto;
}

article {
  margin-top: 20px;
  margin-bottom: 10px;
  text-indent: 5ch;
}

img.photo {
  display: block;
  width: max(30%, 300px);
  margin-left: auto;
  margin-right: auto;
}

footer {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
}

footer>* {
  padding-left: 10%;
  padding-right: 10%;
}

footer>ul {
  margin: 0;
  list-style: none;
  display: flex;
  width: min-content;
}

footer>ul>li {
  width: min-content;
  display: flex;
  padding-left: 10%;
}


h1 {
  font-weight: 700;
}

ul, ol {
  list-style: none;
}

li {
  display:inline;
  margin-left:10px;
  margin-right:10px;
}

@media only screen and (max-width: 1000px) {
    footer>* {
        padding-left: 0;
    }
    li {
        margin-left: 0;
    }
}

iframe {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}