.section-selector {
    height: 38vh;
    z-index: 5;
    background-color: var(--background-dark);
    padding-top: 100px;
    margin-top: -100px;
}
.about-description {
    text-align: center;
    font-size: var(--title-font-size);
    letter-spacing: 0.2vh;
}
.works-grid-button-wrapper {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 40vw;
    height: 5vh;
}
.info-find-out-more {
    background-image: unset;
    text-align: center;
    padding-left: 3vh;
    padding-right: 3vh;
    width: unset;
    background-color: unset;
    height: 6vh;
}
.info-find-out-more:focus {
    background-color: var(--secondary-content-color);
    color: var(--primary-content-color);
    outline:none;
}
.section-works-grid {
    height: unset;
    padding-bottom: 10vh;
}
.works-grid {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}
.grid-el {
    height: 0;
    width: 0;
    margin: 0;
    opacity: 0;
    font-size: 0;
    transition: all 1s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    border-radius: 1.5vh;
    overflow: hidden;
    position: relative;
}
.grid-el > video {
    z-index: 5;
    position: absolute;
    opacity: 0;
    transition: ease-in-out 0.3s;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}
.grid-el > video:hover {
    transition: ease-in-out 0.3s;
    opacity: 1;
}
.works-grid > .active{
    opacity: 1;
    width: 24%;
    height: 21.2vh;
    margin: 0.7vh;
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: flex-end;
    cursor: pointer;
    
  }
  .active > .project-name {
      font-size: 2.2vh;
      font-weight: 600;
      z-index: 255;
      margin-left: 2vh;
  }
  .active > .company-name {
      font-size: 1.8vh;
      font-weight: 600;
      color: var(--secondary-content-color);
      z-index: 255;
      margin-left: 2vh;
      margin-bottom: 1vh;
  }