body {
  position: relative;
  max-width: 100%;
  width: 1440px;
  height: auto;
  background: #1F1E1E;
}

.container{
  position: relative;
  max-width: 100%;
  width: 1440px;
  height: auto;
  background: #1F1E1E;
}

.logo{
  /* position: absolute; */
  width: 64px;
  height: 46px;
  left: 146px;
  top: 31px;
  margin: 31px 307px 0px 146px;
  font-family: 'Cinzel Decorative', cursive;
  font-style: normal;
  font-weight: bold;
  font-size: 34px;
  line-height: 46px;
  /* identical to box height */
  color: #F3F3F3;
}

.navbar{
  display: flex;
  flex-direction: row;
  height: 95px;
  width: 100%;
  background: rgb(31, 30, 30);
}

.nav-links{
  display: flex;
  width: 60px;
  height: 30px;
  left: 824px;
  top: 61px;
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 30px;
  /* identical to box height */
  color: #FFFFFF;
  opacity: 0.8;
}

.home{
  /* position: absolute; */
  min-width: 68px;
  height: 30px;
  left: 800px;
  top: 31px;
  margin: 31px 26px 4px 285px;
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 30px;
/* identical to box height */
  color: #F3F3F3;
  opacity: 0.6;
}

.about {
  /* position: absolute; */
  min-width: 68px;
  height: 30px;
  left: 936px;
  top: 31px;
  margin: 31px 26px 4px 26px;
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 30px;
/* identical to box height */
  color: #F3F3F3;
  opacity: 0.6;
}

.navbar-projects {
  /* position: absolute; */
  min-width: 78px;
  height: 30px;
  left: 936px;
  top: 31px;
  margin: 31px 26px 4px 26px;
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 30px;
/* identical to box height */
  color: #F3F3F3;
  opacity: 0.6;
}

.resume{
  /* position: absolute; */
  min-width: 78px;
  height: 30px;
  left: 1050px;
  top: 31px;
  margin: 31px 208px 4px 26px;
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 30px;
  /* identical to box height */
  color: #F3F3F3;
  opacity: 0.6;
}

.home:hover, .about:hover, .resume:hover, .navbar-projects:hover{
  opacity: 0.8;
  cursor: pointer;
}

.hr-line{
  margin: 4px 39px 45.5px 0px;
  width: 50%;
  border-color: transparent;
}

.navbar-href-css{
  text-decoration: none;
  color:#F3F3F3;
}