body {
    
    color: yellow;
    
    padding: 200px 100px 100px 200px;
    
    background-image: url("Artwork/backgrounds/ice_sunset.png");
    
    background-repeat: no-repeat;
    
    background-attachment: fixed;
    
    background-color: black;
    
    background-position: top, bottom;
    
    background-size: cover, 900px;
}

.main{
    
    border: 5px double yellow;
    
    background: rgb(50 50 50 / 60%);
    
    padding: 30px;
    
    border-radius: 10px;
}

.crystal{
    color: aqua;
}

/* you're not figuring it out that easily*/
.thunder{
    color: gold;
}

@media screen and (hover: hover) {
  a:hover {
    color: white;
  }
  .crystal:hover{
    color: pink;
  }
}

@media screen and (max-width: 900px) {
  body {
    padding-left: 20px;
    padding-right: 20px;
  }
}