.gradient-custom {
    /* fallback for old browsers */
    background: #a8c9ff;
  
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to left, rgba(168,201,255,1), rgba(248,248,248,1));
  
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to left, #a8c9ff, rgba(248,248,248,1))
  }

 .header-font {
  font-family: "DotGothic16", sans-serif;
  font-weight: 400;
  font-style: normal;
  min-height: 100vh;
  overflow-y: auto;
  padding-bottom: 150px;
}

.icon-size{
  width: 32px;
  height: 32px;
}

img[alt="animated angel wings"] {
  margin-left: -120px;
}

.navbar{
  background: #a8c9ff;
  
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to left, rgba(168,201,255,1), rgba(248,248,248,1));
  
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to left, #a8c9ff, rgba(248,248,248,1)) !important;
}

a:link {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}

.fc{
    background: #a8c9ff;
  
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to left, rgba(168,201,255,1), rgba(248,248,248,1));
  
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to left, #a8c9ff, rgba(248,248,248,1)) !important; 
    
}