* {
  box-sizing: border-box;
}

/* Google fonts */
@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap");

body {
  font-family: "Urbanist", sans-serif;
  background-color: #8da8c2;
}

h1,
h2,
h3 {
  font-weight: normal;
}

/* Header */
header {
  display: flex;
  margin: auto;
  justify-content: center;
  align-items: center;
  width: 80%;
  background-color: #a8c9e8;
  height: 200px;
  font-size: larger;
}

/* Navigation - Länkar */
.nav {
  display: flex;
  justify-content: space-evenly;
  background-color: #a8c9e8;
  width: 80%;
  height: 50px;
  margin: 10px auto 10px auto;
  font-size: larger;
}

/* Sektion 1 - Ellie bild */
.section-1 {
  display: flex;
  flex-direction: row;
  width: 80%;
  margin: 0 auto 10px auto;
  gap: 25px;
  align-items: stretch;
}
.Ellie-img {
  height: 250px;
  flex: 2.14;
  width: 100%;
  object-fit: cover;
}
.box-liten {
  background-color: white;
  flex: 1;
  padding: 0 10px 0 10px;
}
.box-liten h2 {
  background-color: black;
  color: white;
  text-align: center;
}

/* Sektion 2 - Boxar */
.section-2 {
  display: flex;
  flex-direction: row;
  width: 80%;
  margin: 0 auto 0 auto;
  gap: 25px;
  align-items: stretch;
}
.box {
  background-color: white;
  padding: 0 10px 0 10px;
  flex: 1;
  padding-bottom: 10px;
}
.box h2 {
  background-color: black;
  color: white;
  text-align: center;
}
.box .h2 {
  text-align: center;
  background-color: white;
  color: black;
  margin: 0;
}
.Super-Mario,
.gta {
  width: 100%;
}
hr {
  height: 5px;
  border: none;
  background-color: orange;
}