body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f4f4f4;
}
header {
  background-color: #333;
  color: #fff;
  padding: 10px;
  text-align: center;
}
.header2 {
  background-color: #555;
  color: #fff;
  padding: 10px;
  text-align: center;
}
nav {
  background-color: #555;
  color: #fff;
  padding: 10px;
  overflow-x: auto;
  white-space: nowrap;
}
nav ul {
  list-style-type: none;
  padding: 0;
  display: inline-block;
}
nav ul li {
  display: inline-block;
  margin-right: 10px;
  padding: 5px 10px;
  border-radius: 5px;
}
nav ul.languages {
  margin-right: 20px;
}
nav ul.languages li {
  background-color: #379683;
}
nav ul.skills li {
  background-color: #2980b9;
}
nav ul.languages li:nth-child(1) { background-color: #ff6347; }
nav ul.languages li:nth-child(2) { background-color: #379683; }
nav ul.languages li:nth-child(3) { background-color: #f1c40f; }
nav ul.languages li:nth-child(4) { background-color: #264653; }
nav ul.languages li:nth-child(5) { background-color: #ec407a; }
nav ul.languages li:nth-child(6) { background-color: #2ecc71; }
nav ul.languages li:nth-child(7) { background-color: #9b59b6; }
nav ul.languages li:nth-child(8) { background-color: #d35400; }
nav ul.languages li:nth-child(9) { background-color: #1abc9c; }
nav ul.languages li:nth-child(10) { background-color: #e67e22; }
nav ul.languages li:nth-child(11) { background-color: #e74c3c; }
main {
  padding: 20px;
  display: flex;
  justify-content: space-between;
}
main .text {
  flex: 1;
}
main .image {
  flex: 1;
}
main h1,h2,h3 {
  color: #333;
}
main p {
  color: #666;
}
footer {
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 10px;
  width: 100%;
}
footer a {
  color: #fff;
}