a {
  color: #eeeeff;
  text-decoration: none; }
  a:hover {
    color: #ccbb00; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

body {
  background: url("../images/BackgroundArtboard%201-100.jpg");
  background-color: #c90000;
  background-repeat: no-repeat;
  font-family: 'Baumans', cursive; }

header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 3%; }

header img {
  width: 50px; }

header ul {
  display: flex;
  flex-direction: row;
  list-style: none;
  font-size: 1.5em;
  margin: 0;
  padding: 0; }

header li {
  margin: 0 0.5em;
  cursor: pointer; }
  header li:hover {
    color: #ccbb00; }

main {
  margin-left: 5%; }

.sites {
  margin-left: 0.5em; }

.icon-list {
  display: flex;
  flex-direction: row; }
  .icon-list > li {
    width: 50px;
    height: 50px;
    margin: 0 0.5em;
    padding: 0.3em;
    background: rgba(238, 238, 255, 0.5);
    border-radius: 15%; }
    .icon-list > li:hover {
      background: rgba(238, 238, 255, 0.8); }

img.icon {
  width: 50px;
  height: 50px; }

/*# sourceMappingURL=main.css.map */