starwars.css

body {
    background-color: #090314;
    background-image: url("../../images/pink-sun.jpg");
    background-size: cover;
    background-attachment: fixed;
}
header {
    display: flex;
    margin-top: 20px;
    margin-bottom: 130px;
    margin-right: 20px;
    margin-left: 20px;
}
header div {
    width: 50%;
}
a {
    text-align: left;
    font-family: iceland;
    text-decoration: none;
    font-size: 28px;
    color: snow;
}
a:active {
    color: grey;
}
a:hover {
    text-decoration: none;
    color: snow;
}
h1, h2 {
    text-align: right;
    color: snow;
    line-height: 70%;
}
h1 {
    font-family: iceland;
    font-size: 40pt;
    padding: 0px;
}
h2 {
    font-family: nico moji;
    font-size: 25pt;
    padding: 0px;
}
.neon, a:hover {
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@keyframes glow {
    from {
       text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #1be600, 0 0 40px #1be600, 0 0 50px #1be600, 0 0 60px #1be600, 0 0 70px #1be600;
    }
    to {
      text-shadow: 0 0 20px #fff, 0 0 30px #0ef0f8, 0 0 40px #0ef86f, 0 0 50px #0ef86f, 0 0 60px #0ef86f, 0 0 70px #0ef86f, 0 0 80px #0ef86f;
    }
  }
.card {
    opacity: .9;
}

#generator {
    margin: auto;
    height: 330px;
    font-family: iceland;
    
}
#randomButton {
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
}
#randomSW {
    text-align: center;
    margin-top: 15px;
    font-size: 16pt;
}