Template:Swedishwin/styles.css: Difference between revisions

Revision as of 13:27, 7 November 2025

.swedish-flag {
  position:relative;
  width:300px;
  height:200px;
  background-color:#006AA7;
  border:2px solid #FECC02;
  margin: 5px auto
}
.swedish-flag::before {
  content:"";
  position:absolute;
  background-color:#FECC02;
  width:30px;
  height:100%;
  left:90px;
  top:0;
  z-index: -4; /* Ensure it's behind the content */
}
.swedish-flag::after {
  content:"";
  position:absolute;
  background-color:#FECC02;
  height:30px;
  width:100%;
  top:32px;
  left:0;
  z-index: -4; /* Ensure it's behind the content */

}
.textanimationsw {
  
  overflow: hidden; 
  white-space: nowrap; 
  margin: 0 auto; 
  letter-spacing: .05em; 
}

  .container {

    margin: 0.5em auto;
    position: relative; /* This creates a new stacking context */
    z-index: 1; /* Ensure container is above the sunburst */
    overflow:hidden
  }

  @keyframes rotate {
    0% {
      transform: rotate(0deg); /* Start at 0 degrees */
    }
    100% {
      transform: rotate(360deg); /* End at 360 degrees */
    }
  }
@keyframes glowmoreanimation {
  0%,
  100% {
    color: white;
  }
  50% {
    color: black;
    text-shadow: none;
  }
}
.glowmore {
  color: #00ff44;
  text-shadow:
    0 0 5px #00ff44,
    0 0 10px #00ff44,
    0 0 20px #00ff44,
    0 0 40px #00ff44,
    0 0 80px #00ff44,
    0 0 160px #00ff44;
  font-weight: bold;
  letter-spacing: 1px;
  animation: glowmoreanimation 2s ease-in-out infinite;
}