body {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
}

h1,
h2,
h3,
h4 {
  font-family: "Montserrat", serif;
  font-weight: 700;
}

#mySketch {
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  width: 800px;
  height: 250px;
  border: solid grey 1px;
}

.container {
  margin: auto;
  min-width: 800px;
  max-width: 1200px;
}

main {
  display: flex;
}

.column {
  flex: 3;
  height: 100;
  background-color: white;
  padding: 40px;
  margin: 50px 10px 50px 10px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}

footer {
  display: flex;
  width: 100%;
  justify-content: center;
  background-color: rgb(216, 216, 216);
}

a {
  text-decoration: none;
  color: black;
}

a:hover {
  color: rgb(221, 153, 153);
}

footer a {
  display: block;
  padding: 10px 30px 10px 30px;
}