body {
  padding-bottom: 10px;
  color: var(--textColor);
  margin: 0;
  min-height: 100%;
  background-color: rgb(252, 252, 252);
}

h1 {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0px;
}

h5 {
  font-weight: bold;
}

a,
a:hover {
  text-decoration: none;
  color: inherit;
}

a {
  padding-bottom: 4px;
  border-bottom: 2px solid var(--primaryColor);
}

a:hover {
  border-bottom: 2px solid var(--secondaryColor);
}

.hero {
  height: 40vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "Source Sans Pro", sans-serif;
}

.secondary {
  font-size: 20px;
  line-height: 40px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0px;
  text-transform: none;
  font-family: "Circular Std", sans-serif;
}

nav .logo {
  padding: 8px 20px;
  border: 3px none var(--primaryColor);
  background-color: rgba(46, 59, 176, 0.1);
  color: var(--primaryColor);
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 14px;
}

nav {
  margin-top: 50px;
  font-weight: bold;
}

.divider {
  display: block;
  margin-top: 80px;
  margin-bottom: 60px;
  height: 1px;
  width: 100%;
  border-style: none none solid;
  border-width: 1px;
  border-color: rgba(51, 51, 51, 0.05);
}

.project-img {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  background-color: rgba(228, 228, 228, 0.5);
  padding: 1%;
}

.project-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 200px;
  width: 100%;
  text-align: left;
}

.project-info .date {
  font-size: 14px;
  color: grey;
}

#skills .skill {
  width: 100px;
}

#skills img {
  height: 100px;
  width: 100px;
  object-fit: scale-down;
}

#skills .skill p {
  text-align: center;
}

html{
  zoom: 90%;
}

@media (max-width: 1024px) {
  body {
    padding: 3%;
  }

  nav {
    margin-top: 10px;
  }
}

.tags-se{
  background-color: orange;
  color:white;
  text-align: center;
  width: 40%;
  padding-top: 1%;
  padding-bottom: 1%;
  border-radius: 10px;
  display: inline-block;
  font-size: small;
}

.tags-me{
  background-color: Green;
  color:white;
  text-align: center;
  width: 40%;
  padding-top: 1%;
  padding-bottom: 1%;
  border-radius: 10px;
  display: inline-block;
  font-size: small;
}

.tags-ee{
  background-color: blue;
  color:white;
  text-align: center;
  width: 40%;
  padding-top: 1%;
  padding-bottom: 1%;
  border-radius: 10px;
  display: inline-block;
  font-size: small;
}

.tags-softskills{
  background-color: Grey;
  color:white;
  text-align: center;
  width: 40%;
  padding-top: 1%;
  padding-bottom: 1%;
  border-radius: 10px;
  display: inline-block;
  font-size: small;
}

.tags-coding{
  background-color: red;
  color:white;
  text-align: center;
  width: 40%;
  padding-top: 1%;
  padding-bottom: 1%;
  border-radius: 10px;
  display: inline-block;
  font-size: small;
}

.tag{
  margin-top: 2%;
}

.other-projects-link{
  font-weight: bold;
  font-size: large;
}