@charset "UTF-8";

* {
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body {
  background-color:#000;
  color:#fff;
  font-family:'Arial',sans-serif;
}

.container {
  width:80%;
  margin:0 auto;
}

.header {
  text-align:center;
  padding:20px 0;
}

.header img {
  max-width:100%;
  height:auto;
  border-radius:50%;
}

.header h1 {
  font-size:2.5em;
  margin:10px 0;
}

.header p {
  font-size:1.2em;
  color:#bbb;
}

.navigation ul {
  display:flex;
  justify-content:center;
  list-style:none;
  background-color:#111;
  padding:10px 0;
  margin-bottom:20px;
}

.navigation ul li {
  margin:0 15px;
}

.navigation ul li a {
  color:#fff;
  text-decoration:none;
  font-size:1.2em;
}

.navigation ul li a:hover {
  color:#00bfff;
}

section {
  margin-bottom:40px;
}

section h2 {
  font-size:2em;
  margin-bottom:15px;
  text-align:center;
}

section p {
  font-size:1.2em;
  margin-bottom:20px;
  text-align:center;
}

section img {
  display:block;
  margin:0 auto;
  max-width:100%;
  height:auto;
  border-radius:15px;
}

.footer {
  text-align:center;
  padding:20px 0;
  background-color:#111;
}

.footer p {
  color:#bbb;
}