:root {
    --main-color: blue;
}

html {
    position: relative;
    min-height: 100%;
  }
  body {
    margin-bottom: 60px; /* Margin bottom by footer height */
  }

.icon{
    width: 100%;
    max-width: 600px;
    padding: 15px;
    margin: auto;
}

.container {
    width: auto;
    max-width: 680px;
    padding: 0 15px;
  }

  .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px; /* Set the fixed height of the footer here */
    line-height: 60px; /* Vertically center the text there */
    background-color: #f5f5f5;
  }

.h1blue{
    color: var(--main-color);
}

  /* unvisited link */
a:link {
    color: var(--main-color);
}

/* visited link */
a:visited {
    color: var(--main-color);
}

/* mouse over link */
a:hover {
    color: var(--main-color);
}

/* selected link */
a:active {
    color: var(--main-color);
}