/* Code to change page width START */
.WaPlaceHolder { max-width:100%; }
/* Code to change page width END */

/*Declaration for background CSS*/
.staticbackground {
    background-repeat: no-repeat;
    background-attachment: fixed;       
}
/*Declaration for centering elements*/
.centerelement {
    margin-left: 20%;
    margin-right: 5%;
}

/*Declaration for centering elements*/
.new2 {
    margin-left: 10%;
    margin-right: 5%;
}

/* Login button */
.WaGadgetLoginButton .loginLink, .WaGadgetLoginForm .loginLink {
    background: #5dabf3 !important;
    color: white !important;
}
/* Login button on hover */
.WaGadgetLoginButton .loginLink:hover, .WaGadgetLoginForm .loginLink:hover {
    background: white !important;
    color: #5dabf3
}
/* Logout button */
.WaGadgetLoginButton .authenticated .loginLink, .WaGadgetLoginForm .authenticated .loginLink {
    background: white !important;
    color: #5dabf3 !important;
}
/* Logout button on hover */
.WaGadgetLoginButton .authenticated .loginLink:hover, .WaGadgetLoginButton .authenticated .loginLink.hover, .WaGadgetLoginForm .authenticated .loginLink:hover, .WaGadgetLoginForm .authenticated .loginLink.hover {
    background: #5dabf3 !important;
    color: white !important;
}

/* Fade in and out*/
.fade-in-text {
  font-family: Arial;
  font-size: 60px;
  animation: fadeInout 5s;
  -webkit-animation: fadeInout 5s;
  -moz-animation: fadeInout 5s;
  -o-animation: fadeInout 5s;
}
@keyframes fadeInout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }

}

#countdown {   text-align: center; }  #timer {   display: flex;   justify-content: center; }  #timer div {   margin: 0 10px; }  #timer span {   display: block;   font-size: 24px; }