*,
*::before,
*::after {
  box-sizing:border-box;
}

:root {
  --black:#000;
  --white:#fff;
  --header-height:80px;
}

html,
body {
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  overflow-x:hidden;
}

body {
  background:var(--white);
  color:var(--black);
  font-family:"futura-pt-condensed", sans-serif;
}

.project-directory {
  width:1680px;
  max-width:100%;
  height:880px;
  margin:0 auto;
  position:relative;
  overflow:hidden;
}

.project-directory-link {
  position:absolute;
  display:inline-block;
  color:var(--black);
  font-size:61px;
  font-weight:500;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
}

.project-directory-link::before {
  content:"";
  position:absolute;
  inset:-18px -24px;
}

.project-directory-link:visited,
.project-directory-link:hover,
.project-directory-link:active {
  color:var(--black);
  text-decoration:none;
}

.project-directory-link:nth-child(1) {
  left:1165px;
  top:584px;
}

.project-directory-link:nth-child(2) {
  left:579px;
  top:730px;
  font-size:150px;
}

.project-directory-link:nth-child(3) {
  left:649px;
  top:33px;
}

.project-directory-link:nth-child(4) {
  left:993px;
  top:492px;
}

.project-directory-link:nth-child(5) {
  left:304px;
  top:400px;
}

.project-directory-page .footer {
  margin-top:0;
}