body {
  font-family: sans-serif;
  margin: auto;
  max-width: 1280px;
  background-color: black;
}



.navbar {
  background-color: #313236;
  border-radius: 2px;
  max-width: 800px;
}

.navbar a {
  color: #aaa;
  display: inline-block;
  font-size: 15px;
  padding: 10px;
  text-decoration: none;
}

.navbar a:hover {
  color: #ffffff;
}

.body_container {
  position: relative;
  margin: 0 auto;
  top: 50px;
  width: 75%;
  height: 425px;
  background-color: whitesmoke;
}

.body_container h1 {
  position: absolute;
  font-size: 125px;
  font-family: "Franklin Gothic Heavy", "Arial Narrow", Arial, sans-serif;
}

.body_container p {
  position: absolute;
  top: 175px;
  left: 110px;
  right: 100px;
  font-size: 25px;
  font-family: "Futura Sans Condensed", sans-serif;
}

.first_Name {
  position: absolute;
  top: -50px;
  left: 50px;
}
.last_Name {
  position: absolute;
  color: #fe463e;
  top: -50px;
  left: 375px;
}

.fu_Icon {
  position: absolute;
  top: 10px;
  left: 750px;
  width: 17.5%;
}

.skills_container {
  position: relative;
  margin: 0 auto;
  top: 50px;
  width: 75%;
  height: 800px;

}

.skills_container h2 {
  position: absolute;
  color: #fe463e;
  top: 10px;
  left: 400px;
  text-align: center;
  font-size: 50px;
  font-family: "Franklin Gothic Heavy", "Arial Narrow", Arial, sans-serif;
}

.box_programming {
  position: absolute;
  background-color:  #cdcdcd;
  top: 125px;
  left: 125px;
  width: 20%;
  height: 400px;
}

.box_programming h3 {
  position: absolute;
  color: #960600;
  text-align: center;
  top: 10px;
}
.box_programming p {
  position: absolute;
  color: black;
  text-align: center;
  left: 50px;
  top: 60px;
  font-size: 25px;
  text-decoration: underline;
}

.box_web {
  position: absolute;
  background-color:  #cdcdcd;
  top: 125px;
  left: 365px;
  width: 20%;
  height: 225px;
}

.box_web h3 {
  position: absolute;
  color: #960600;
  text-align: center;
  top: 10px;
  left: 20px;
  right: 10px;
}

.box_web p {
  position: absolute;
  color: black;
  text-align: center;
  left: 45px;
  top: 60px;
  font-size: 25px;
  text-decoration: underline;
}

.box_tools {
  position: absolute;
  background-color:  #cdcdcd;
  top: 125px;
  left: 605px;
  width: 20%;
  height: 275px;
}

.box_tools h3 {
  position: absolute;
  color: #960600;
  text-align: center;
  top: 10px;
  left: 20px;
  right: 10px;
}

.box_tools p {
  position: absolute;
  color: black;
  text-align: center;
  left: 55px;
  top: 65px;
  font-size: 25px;
  text-decoration: underline;
}

.box_systems {
  position: absolute;
  background-color:  #cdcdcd;
  top: 560px;
  left: 125px;
  width: 20%;
  height: 175px;
}

.box_systems h3 {
  position: absolute;
  color: #960600;
  text-align: center;
  top: 10px;
  left: 20px;
  right: 10px;
}

.box_systems p {
  position: absolute;
  color: black;
  text-align: center;
  top: 65px;
  font-size: 25px;
  text-decoration: underline;
}

.box_operating {
  position: absolute;
  background-color:  #cdcdcd;
  top: 385px;
  left: 365px;
  width: 20%;
  height: 200px;
}

.box_operating h3 {
  position: absolute;
  color: #960600;
  text-align: center;
  top: 10px;
  left: 20px;
  right: 10px;
}

.box_operating p {
  position: absolute;
  color: black;
  text-align: center;
  left: 45px;
  top: 65px;
  font-size: 25px;
  text-decoration: underline;
}

.box_soft {
  position: absolute;
  background-color:  #cdcdcd;
  top: 430px;
  left: 605px;
  width: 20%;
  height: 250px;
}

.box_soft h3 {
  position: absolute;
  color: #960600;
  text-align: center;
  top: 10px;
  left: 20px;
  right: 10px;
}

.box_soft p {
  position: absolute;
  color: black;
  text-align: center;
  left: 2px;
  top: 45px;
  font-size: 25px;
  text-decoration: underline;
}

.Experience_container {
  position: relative;
  margin: 0 auto;
  top: 20px;
  width: 75%;
  height: 800px;

}

.Experience_container h2 {
  position: absolute;
  color: #fe463e;
  top: 10px;
  left: 350px;
  text-align: center;
  font-size: 50px;
  font-family: "Franklin Gothic Heavy", "Arial Narrow", Arial, sans-serif;
}

.box_experience {
  position: absolute;
  background-color:  #cdcdcd;
  top: 125px;
  left: 125px;
  width: 70%;
  height: 350px;
}

.box_experience h3 {
  position: absolute;
  color: #960600;
  text-align: center;
  top: 10px;
  left: 20px;
  right: 10px;
}

.box_experience p {
  position: absolute;
  text-align: center;
  top: 50px;
  left: 50px;
  right: 50px;
  font-size: 20px;
  font-family: "Futura Sans Condensed", sans-serif;
}

.box_experience2 {
  position: absolute;
  background-color:  #cdcdcd;
  top: 475px;
  left: 125px;
  width: 70%;
  height: 260px;
}

.box_experience2 h3 {
  position: absolute;
  color: #960600;
  text-align: center;
  top: 10px;
  left: 20px;
  right: 10px;
}

.box_experience2 p {
  position: absolute;
  text-align: center;
  top: 50px;
  left: 50px;
  right: 50px;
  font-size: 20px;
  font-family: "Futura Sans Condensed", sans-serif;
}

.education_container {
  position: relative;
  margin: 0 auto;
  top:  -40px;
  width: 75%;
  height: 800px;

}

.education_container h2 {
  position: absolute;
  color: #fe463e;
  top: 10px;
  left: 350px;
  text-align: center;
  font-size: 50px;
  font-family: "Franklin Gothic Heavy", "Arial Narrow", Arial, sans-serif;
}

.box_education1 {
  position: absolute;
  background-color:  #cdcdcd;
  top: 125px;
  left: 125px;
  width: 70%;
  height: 260px;
}

.box_education1 h3 {
  position: absolute;
  color: #960600;
  text-align: center;
  top: 10px;
  left: 20px;
  right: 10px;
}

.box_education1 p {
  position: absolute;
  text-align: center;
  top: 50px;
  left: 50px;
  right: 50px;
  font-size: 20px;
  font-family: "Futura Sans Condensed", sans-serif;
}

.box_education2 {
  position: absolute;
  background-color:  #cdcdcd;
  top: 250px;
  left: 125px;
  width: 70%;
  height: 10px;
}

.box_education2 h3 {
  position: absolute;
  color: #960600;
  text-align: center;
  top: 10px;
  left: 20px;
  right: 10px;
}

.box_education2 p {
  position: absolute;
  text-align: center;
  top: 50px;
  left: 50px;
  right: 50px;
  font-size: 20px;
  font-family: "Futura Sans Condensed", sans-serif;
}

.foot{
  position: relative;
  top: -350px;
  margin: 0 auto;
}

.email{
  position: absolute;
  text-align: center;
  left: 600px;
  font-size: 25px;
  color: #fe463e;
}

.Linkedln{
  position: absolute;
  text-align: center;
  left: 585px;
  top: 50px;
  font-size: 25px;
  color: #fe463e;
}

.IE_logo {
  position: absolute;
  left: 545px;
  top: 100px
}