body {
  background-color: rgb(34, 34, 34);
  color: lightgray;
  text-align: center;
  font-family: JetBrains Mono, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, monospace;
}

a {
  color: rgb(192, 160, 221);
}

img {
  padding-top: 10px;
  height: 40px;
}

h1 {
  margin-top: 5px;
  font-weight: 800;
  margin-bottom: 0;
}

.pad {
  padding-left: 5px;
  padding-right: 5px;
}

.contacts {
  height: 24px;
}


.roblox {
  height: 20px;
  transform: translateY(-2.5px);
}

.projects {
  border-radius: 10px;
  border: 1px solid lightgray;
  padding: 15px;
  text-align: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
}

.project-head {
  margin-left: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 800;
  font-size: 20px;
}

.project-body {
  margin-top: 5px;
}

.project-icon {
  height: 20px;
  transform: translate(4px,2px);
  margin-right: 0;
}

.footer {
  display: flex;
  justify-content: space-between;
}

.status-tag {
  padding-right: 10px;
  text-align: right;
  color: gray;
}

.copy-tag {
  padding-left: 10px;
  text-align: left;
}

@media (min-width:960px){
      .projects {
        margin-left: 120px;
        margin-right: 120px;
      }
      .status-tag {
        padding-right: 120px;
      }
      .copy-tag {
        padding-left: 120px;
      }
    }

@media (max-width: 660px){
  .projects {
    text-align: center;
  }
  .project-icon {
    display: none;
  }
}