:root {
  --off-black: #21222b;
  --off-white: #fdfefd;
  --off-blue: rgb(110, 110, 253);
}
.get-file-name {
  width: 250px;
  margin:0 auto;
  text-align: center;
  font-family: sans-serif;
  font-size: 2rem;
}
h1 {
  width: 450px;
  margin:0 auto;
  margin-top:50px;
  margin-bottom: 0px;
  text-align: center;
  font-family: sans-serif;
  text-transform:uppercase;
}
h2 {
  width: 450px;
  margin:0 auto;
  margin-top:0px;
  margin-bottom: 15px;
  text-align: center;
  font-family: sans-serif;
  color: var(--off-blue);
}

body {
  font-family: sans-serif;
  background: var(--off-black);
  color: var(--off-white);
}

header {
  margin-bottom: 50px;
  background: var(--off-black);
}
nav {
  position:absolute;
  top:-20px;
  width:100%;
  left:-40px;
}
nav ul {
  display:flex;
  justify-content: space-around;
  list-style: none;
  flex-basis:100%;
  width:100%;
  height:30px;

}
nav ul li {
  display:flex;
  color: var(--off-white); 
  width: 33.3%;
  justify-content: center;
  text-align: center;
  align-items: center;
  border-right: 1px solid var(--off-white);
}
nav ul li:last-child {
  display:flex;
  border-right: none;
  width: 25%;
  justify-content: center;
  text-align: center;
  align-items: center;
}

nav ul li a {
  color: var(--off-white); 
  text-decoration: none;
}