@font-face {
  font-family: "quiet meows";
  src: url("https://static.tumblr.com/nlxfn1e/4Kzq14h1t/quietmeows.woff") format("woff");
}
@font-face {
  font-family: "MSComicSans";
  src: local("Comic Sans MS"),
    url(https://fonts.gstatic.com/s/belanosima/v1/3y9k6bI8ejDo_3MfCDSL9AdRFg.woff2) format('woff2');
}

body {
    background-image: url("B3ci.gif");
    background-color: black;
    background-repeat: repeat;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    cursor: url("lavender.cur"), default;
}
.glittertxt{
  background-image: url("https://thumbs.gfycat.com/PiercingHeartyIcefish-size_restricted.gif");
  color: transparent;
  background-clip: text;
  background-size: contain;
}
.meow {
  font-family: quiet meows;
}
#logo{
  max-width: 100%;
  filter: saturate(1.5) brightness(2);
}
#announcement{
  margin-top: 75px;
  margin-bottom: 75px;
}
#timer{
  font-size: 20px;
  width: 100%;
  text-align: center;
  font-family: "MSComicSans";
}
div.footer p{
  color:#ffffff;
  font-size: 16px;
  font-family: "MSComicSans";
}
div#footer {
  color:#ffffff;
  font-size: 16px;
  font-weight: normal; 
  font-family: "MSComicSans";
}
button {
    border: none;
    color: transparent;
}
marquee{
  font-size: 28px;
  font-family: "MSComicSans";
  text-align: center;
  display: inline-block;
  padding: 0px;
  line-height: 28px;
  margin: 50px 0;
}
marquee img{
  height: 28px;
}
img.debil {
position: absolute;  
}
img.debil2 {
position: relative;  
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 30%;
height: 30%;
}
img.fixedcade {
    position:fixed;
    width:auto;
    border:none;
}
a{
 cursor: url("mint.cur"), default; 
}
a:link {
  color: #faff69;
}

a:visited {
  color: #faff69;
}
input#range.slider::-webkit-slider-thumb{
 -webkit-appearance: none;
 appearance: none;
 width: 23px;
 height: 23px;
 border: 0;
 background: url('../zasoby/Speaker_Audio.gif');
 cursor: pointer;
}  
input#range.slider::-moz-range-thumb{
  width: 23px;
  height: 23px;
  border: 0;
  background: url('../zasoby/Speaker_Audio.gif');
  cursor: pointer;
}
#range{
  width: 200px;
  max-width:75%;
}
#necoarc{
  position: fixed;
  bottom: 0%;
  left: 75%;
  max-width: 100px;
}

@media only screen and (min-width: 550px) {
    #splashtext{
          text-align: center;
  color: #FFFF00;
  text-shadow: 1px 1px 0px #000;
  position: relative;
  left: 200px !important;
  bottom: 50px !important;
  width: fit-content;
  margin: 10px auto;
  transform: rotate(-20deg);
  animation: splashtext .25s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
    }
}

#splashtext{
  text-align: center;
  color: #FFFF00;
  text-shadow: 1px 1px 0px #000;
  position: relative;
  left: 0px;
  bottom: 25px;
  width: fit-content;
  margin: auto;
}
    
@-webkit-keyframes splashtext{
  0% {transform: scale(0.875) rotate(-20deg)};
  100% {transform: scale(1) rotate(-20deg)};
}

@keyframes splashtext{
  0% {transform: scale(0.875) rotate(-20deg)};
  100% {transform: scale(1) rotate(-20deg)};
}

.effect-text {
  font-size: 50px;
  color: #edf2f4;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.tiny-heart {
  position: absolute;
  opacity: 0;
  background-color: #D90429;
  box-shadow: 0px 0px 50px 4px rgba(239, 35, 60, 0.7);
  animation: animated-heart infinite ease-in;
}
.tiny-heart:before, .tiny-heart:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #D90429;
}
.tiny-heart:before {
  transform: translateX(-50%);
}
.tiny-heart:after {
  transform: translateY(-50%);
}
.hype{
  color: #ff0;
  animation: hype 1s ease 0s infinite normal forwards;
}
@keyframes hype {
  0% {
    transform: translate(0);
  }

  10% {
    transform: translate(-2px, -2px);
  }

  20% {
    transform: translate(2px, -2px);
  }

  30% {
    transform: translate(-2px, 2px);
  }

  40% {
    transform: translate(2px, 2px);
  }

  50% {
    transform: translate(-2px, -2px);
  }

  60% {
    transform: translate(2px, -2px);
  }

  70% {
    transform: translate(-2px, 2px);
  }

  80% {
    transform: translate(-2px, -2px);
  }

  90% {
    transform: translate(2px, -2px);
  }

  100% {
    transform: translate(0);
  }
}
@keyframes shake{
            0%{
                transform: rotate(0deg);
            }
            25%{
                transform: rotate(5deg);
            }
            50%{
                transform: rotate(0deg);
            }
            75%{
                transform: rotate(-5deg);
            }
            100%{
                transform: rotate(0deg);
            }
        }
@-webkit-keyframes shake{
            0%{
                -webkit-transform: rotate(0deg);
            }
            25%{
                -webkit-transform: rotate(5deg);
            }
            50%{
                -webkit-transform: rotate(0deg);
            }
            75%{
                -webkit-transform: rotate(-5deg);
            }
            100%{
                -webkit-transform: rotate(0deg);
            }
        }
@keyframes rainbow {
  from, to { box-shadow: 0 0 15px 0 red }
  16% { box-shadow: 0 0 15px 0  yellow }
  32% { box-shadow: 0 0 15px 0  green }
  48% { box-shadow: 0 0 15px 0  aqua }
  64% { box-shadow: 0 0 15px 0  blue }
  80% { box-shadow: 0 0 15px 0  fuchsia }
}

/* customizable snowflake styling */
.snowflake {
  color: #dbeeff;
  font-size: 2em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}
@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}
@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}
@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}