#menu {
  font-family: "Kanit", sans-serif;
  display: flex;
  flex-grow: 1;
}

#mobileWelcome {
  display: none;
}

#welcome {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  width: 100%;
  align-items: center;
  justify-items: stretch;
}

#welcome .post {
  padding: 1em;
  text-align: center;
  border-right: 1px solid #c8bfae;

}

#welcome .post:last-child {
  border-right: none;
}

#welcome .post img {
  height: 15em;
}

.postLink {
  display: inline-block;
  cursor: pointer;
}

.postLink:hover, .postLink svg:hover {
  fill: #EF9A0A;
  transform: rotate(45deg);
  transition: all 0.3s ease;
}


#welcome .post a img {
  height: 48px;
  width: 48px;
  cursor: pointer;
}

#animation {
  height: 50%;
  width: 100%;
  bottom: -24px;
  display: contents;
}