:root {
  --color1: #0A043C;
  --color2: #03506F;
  --color3: #BBBBBB;
  --color4: #FFE3D8;
}

* {
  font-family: Poppins, system-ui;
  margin: 0;
  padding: 0;
}

body {
  background: var(--color1);
  color: var(--color4);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Zilla Slab', system-ui;
  color: var(--color3);
}

h1 {
  font-size: 6vw;
}

p.buyuk {
  font-size: 3vw;
}

p {
  margin: 20px 0px;
}

header {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid var(--color2);
}

header ul {
  list-style-type: none;
}

header ul li {
  float: left;
  padding: 0px 10px;
}

header ul a {
  color: var(--color4);
}

article {
  padding: 50px;
}

a {
  color: var(--color3);
}