body {
  background-color: #000000;
  font: normal 100% "Microsoft Sans Serif", "Trebuchet MS",
    "Source Code Variable", "Helvetica", sans-serif;
  line-height: 1.5;
  margin: 0;
  text-align: center;
}

h1 {
  color: #437f56;
  text-align: center;
  font-size: 160%;
}

h2 {
  font-variant: small-caps;
  text-align: left;
  color: white;
  font-size: 160%;
}

h3 {
  color: black;
}

hr {
  width: 100%;
  height: 1px;
  color: #ffffff;
}

a {
  color: #ffffff;
}

.div-main-part {
  background-color: #24251e;
  margin: 0 auto;
  width: 1024px;
  color: white;
}

.two-columns {
  display: flex;
}

.left-column {
  width: 42%;
}

.right-column {
  width: 58%;
  padding: 0px 0px 60px 0px;
  text-align: left;
}

.div-top-left {
  position: relative;
  background-color: #437f56;
  padding: 40px 0px 40px 0px;
  width: 80%;
  margin-top: 200px;
  border-radius: 0px 10px 10px 0px;
}

.div-top-right {
  position: relative;
  background-color: #437f56;
  width: 85%;
  margin-left: auto;
  margin-right: 0px;
  border-radius: 0px 0px 20px 20px;
}

.clearfix {
  clear: both;
}

header {
  padding-top: 20px;
  text-align: center;
  background-color: #ffffff;
}

.div-about-me {
  background-color: white;
  color: black;
  float: left;
  text-align: left;
  border-radius: 0px 10px 10px 0px;
  margin: 20px 0px 0px 0px;
  width: 100%;
  padding: 20px;
}

.div-contacts {
  padding: 40px 20px 20px 20px;
  color: white;
  text-align: left;
  justify-content: space-between;
  font-size: 120%;
}

.div-rightside {
  color: white;
  margin: 0px 0px 0px -65px;
  padding: 20px;
}

.code {
  padding: 0px 20px 20px 20px;
  text-align: left;
  background-color: #24251e;
}

pre {
  font-family: monospace, "Courier New", "Courier";
  font-size: 0.9rem;
  color: white;
}

.personal {
  color: #437f56;
  text-align: center;
}

.professional {
  color: black;
  text-align: center;
}

footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  color: white;
  background-color: #437f56;
}

footer a {
  text-decoration: none;
  color: #ffffff;
}

.contact-logo {
  width: 25px;
  height: 25px;
  margin-right: 25px;
  vertical-align: middle;
}

.skills-logo {
  width: 30px;
  height: 30px;
  margin-right: 25px;
  vertical-align: middle;
}

.img-self {
  position: absolute;
  top: -180px;
  left: 40px;
}

.flex-paragraph {
  display: flex;
}

.git-img {
  margin-right: 6px;
  vertical-align: middle;
}