/* CSS files add styling rules to your content */

/*html{
  font-size: calc(30px + (60 - 30) * ((100vw - 400px) / (800 - 400)));
}*/

h1 {
  /* px means 'pixels': the base font size is now 10 pixels high  */
  font-size: calc(44px + (68 - 44) * ((100vw - 400px) / (800 - 400)));
  font-family: 'suisse-int-medium', sans-serif; /* this should be the rest of the output you got from Google fonts */
  color: white;
  text-align: left;
}

p{
  /* px means 'pixels': the base font size is now 10 pixels high  */
  font-size: calc(28px + (44 - 28) * ((100vw - 400px) / (800 - 400)));
  font-family: 'suisse-int-medium', sans-serif; /* this should be the rest of the output you got from Google fonts */
  color: white;
  text-align: left;
}



body{
  background-color: black;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  font-family: 'suisse-int-medium', sans-serif;
  font-size: 200px;
}

img {max-width:100%};