#icon {
  border-radius: 50%;
  height: min(40vw, 40vh);
  width: min(40vw, 40vh);
  align-self: center;
  padding: 2%;
}

#link-icon {
  height: 5em;
  width: 5em;
  margin: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid whitesmoke 2px;
  border-radius: 50%;
}
#link-icon:hover {
  opacity: 50%;
}
#link-icon img {
  height: 3em;
  width: 3em;
}

.text-block {
  border-radius: 15%;
  border-bottom: ridge #545B5D 4px;
  padding: 5px;
  text-align: center;
}
.text-block.strong {
  font-size: 250%;
}

* {
  background-color: #3A3F41;
  margin: 0;
}

html, body {
  min-height: 100%;
  color: whitesmoke;
  letter-spacing: 0.7px;
}

#app {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.flex-row {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: center;
}

.flex-column {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
}

.center-row {
  margin: 10px;
}

.page-body {
  flex-grow: 1;
  height: 100%;
}

footer {
  flex-grow: 0;
  flex-shrink: 0;
  left: 45%;
  width: 100%;
  text-align: center;
  padding-top: 10px;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../css/icons.scss%22,%22../../css/text-block.scss%22,%22../../css/style.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAA;EACE;EACA;EACA;EAEA;EAEA;;;AAGF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AC5BJ;EACE;EACA;EAEA;EAEA;;AAEA;EACE;;;ACNJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA%22,%22file%22:%22style.css%22%7D */