@keyframes Background {
    0%{background-position:55% 0%}
    50%{background-position:46% 100%}
    100%{background-position:55% 0%}
}
#BG {
    background: linear-gradient(359deg, #301b5f, #041739, #050505);
    background-size: 600% 600%;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    overflow: auto;
    animation: Background 43s ease infinite;
}

.star {
  display: inline-block;
  width: 24px;
  height: 24px; 

  background-image: url("gif/star.gif");
  background-position: 0 100px; 
}

.a { /* Normalize colour to a primary red */
    filter: hue-rotate(45deg) brightness(175%) saturate(150%);
}

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

@font-face {
  font-family: LogoFont;
  src: url(font/GloriaHallelujah-Regular.ttf);
}
@font-face {
  font-family: H2Font;
  src: url(font/SpaceGrotesk-VariableFont_wght.ttf);
}
.inline-block {
   display: inline-block;
}
 html {margin-top: -21px !important;}

.row {
  display: flex;
}

.custombutton {
  background-color: #ff004d; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: H2Font;
  font-size: 24px;
  margin-top: 1%;
  border-radius: 5%;
}

.column {
  flex: 33.33%;
  padding: 5px;
  display: flex;
  justify-content: center;
}

figure {
  display: inline-block;
  text-align: center;
  margin: 5px; /* adjust as needed */
}

figure figcaption{
  font-family: LogoFont;
  color: #eeeeee;
  font-size: 50px;
  margin-top: -50px;
}

figure img {
  vertical-align: top;
}

* {
  box-sizing: border-box;
}

.box{
  background-color: #f4f4f4;
  margin: 5% auto;
  padding: 20px;
  height: 62%;
  width: 50%;
  border-radius: 2%;
}

.iconzoom {
  transition: transform .8s;
}

.iconzoom:hover {
  -ms-transform: scale(1.15); /* IE 9 */
  -webkit-transform: scale(1.15); /* Safari 3-8 */
  transform: scale(1.15); 
}