﻿h2 {
  text-align: center;
}

h3 {
  text-align: center;
}

h4 {
  width: 100%;
  text-align: center;
}

p {
  text-align: center;
}

#socials {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
}

  section {
    margin: 0 10px;
  }

    section a,
    section a img:not(#logo) {
        width: 100px;
        height: 100px;
    }

    section a img {
        background-color: white;
    }

main article:NOT(#socials) {
  margin: 20px;
  padding: 10px;
  background-color: bisque;
  border: 2px solid black;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

img:not(#logo) {
  display: block;
  margin: auto;
  border-radius: 100px;
  width: 100px;
}

a.trooper {
  display: block;
  text-align: center;
}

a.button {
  color: black;
  text-decoration: none;
  border: 3px solid black;
  border-radius: 20px;
  width: 50%;
  padding: 10px;
  margin: auto;
  margin-bottom: 15px;
}

  a.button:hover {
    color: white;
    background-color: black;
  }
