/* 
Sheet: articles
Version: 1
Author: Dunstan Becht 
Source: dunstan.becht.network/unity
Variables: 
- width = 3 [1] (defines, with 'height', the transition aspect-ratio for @media)
- height = 4 [1] (defines, with 'width', the transition aspect-ratio for @media)
- padding = 1.5 [vh] (article padding)
- radius = 2 [vh] (article border radius)
- margin = 1 [vh] (article margin)
- max = 80 [vh] (article max width)
*/ 

article, .article {
  vertical-align: top;
  display: inline-block;
  width: 60vh;
  margin: 1vh;
  padding: 1.5vh;
  border-radius: 2vh;
}

img.wide {
  width: 100%;
  margin: auto;
  border-radius: 0.5vh;
  position: relative;
}

@media (max-aspect-ratio: 3/4) {

  article, .article {
    width: 80vw;
    margin: 1.3333333333333vw;
    padding: 2vw;
    border-radius: 2.6666666666667vw;
  }

}