body{
    background-image: url("The World.png");
    /*font-family: sans-serif;*/
    /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
}

#releases{
    margin: 2% 10% 0 10%;
    padding: 10px;

    background-color: rgba(55,62,65,0.5);
    border-color: white;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;

    color:aliceblue;

    display:grid;
    grid-template-columns: auto auto auto;
}

@media screen and (max-width: 1250px) {
  #releases {
    grid-template-columns: auto auto;
  }
}

@media screen and (max-width: 820px) {
  #releases {
    grid-template-columns: auto;
  }
}

.post img{
    margin-top:20px;
}

.post{
    margin: 2%;
}

.post p, h2{
    padding-left:10px;
    padding-right: 10px;
}

.post a{
  text-decoration: none;
}

.post a:visited, a:link{
  color:aliceblue;
}

.post a:hover{
  color: #F7B320;
}

/*TODO - move hr + tags to fit in a div that sits at the bottom of its parent div ?*/

/*TODO - make image grow inside div */