body{
background-image: url("among_the_ice_floes_invert.jpg");
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
color: white;
text-shadow: 5px 5px 5px black;
font-size: 25px;
}

.color-change {
  animation: 1s infinite color-change;
  
}
 @keyframes color-change {
  0% { color: white; }
  50% { color: hotpink; }
  100% { color: white; }
}

.pointer {
  cursor: pointer;
}

.center-text {
  text-align: center;
}

.fade-in {
  animation: fadeInAnimation ease 5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }
        
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

        
marquee {
  color: hotpink;
  text-shadow: 2px 1px 0px black;
  font-size:30px;
  margin: 0px auto 0px auto; /* keep the table centered */
  padding:5px;
  background-color: rgba(211, 211, 211, 0.8);
}

.absolute {
  position: absolute;
  top: 400px;
  right: 60px;
  width: 250px;
  height: 125px;
  color: hotpink;
  text-shadow: 2px 1px 0px black;
  display: table; /* keep the background color wrapped tight */
    margin: 0px auto 0px auto; /* keep the table centered */
 padding:5px;
    background-color: rgba(211, 211, 211, 1);
  font-size:30px;
}

.dropdown {
  display:inline-block;
  position: relative;
}

.dropdown-options {
  display: none;
  position: absolute;
  overflow: auto;
}
.dropdown:hover .dropdown-options {
  display:block;
}

#links {
    position: relative;
    text-align: left;
    border-style: hidden;
    border-left: 5px solid blue;
    padding:5px;
    }
#comrades {
    position: relative;
    text-align: left;
    border-style: hidden;
    border-left: 5px solid hotpink;
    padding:5px;
    }
.center {
  display:block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
a:link {
  color: white;
  background-color: transparent;
  text-decoration: underline;
  text-decoration-style: double;
}

a:visited {
  color: hotpink;
  background-color: transparent;
  text-decoration: underline;
  text-decoration-style: double;
}