header {
  margin-top: 10vh;
  padding: 2rem;

  background-color: var(--b);
  color: aliceblue;
}

img {
  margin: 0.5rem;
  width: 45%;
  display: inline;
  border-radius: 10px;
}




/* ? media queries to edit css responsiveness */

/* small mobile */
/* @media (min-width: 320px) {
 
} */

/* m mobile */
/* @media (min-width: 375px) {
 
} */

/* l mobile */
/* @media (min-width: 425px) {
 
} */

/* xs */
/* @media (min-width: 475px) {

} */

/* sm */
/* @media (min-width: 640px) {

} */

/* m */
@media (min-width: 768px) {
 header {
  margin-top: 15vh;
 }

 img {
  width: 31%;
 }
}

/* lg */
/* @media (min-width: 1024px) {
 
}
 */
/* xl */
/* @media (min-width: 1280px) {
 
} */

/* 2xl */
/* @media (min-width: 1536px) {

} */