* {
  margin: 0;
  padding: 0;
  font-family: "Courier Prime", monospace;
}

body {
  overflow: hidden;
}

.main {
  min-height: 100vh;
  background-color: black;
}
.main .frame {
  position: fixed;
  left: max(20px, 4vmin);
  right: max(20px, 4vmin);
  top: max(20px, 4vmin);
  bottom: max(20px, 4vmin);
  border: 5px solid white;
  border-radius: max(20px, 4vmin);
}
.main .frame .header nav {
  margin: 20px 10px;
}
.main .frame .header nav .navbar-toggler {
  color: transparent !important;
}
.main .frame #works-display {
  width: calc(25% - 16px);
  min-width: 270px;
  max-width: 350px;
  height: 250px;
  flex-direction: column;
}
.main .frame #img-works-display {
  width: 100%;
  height: 150px;
  border-radius: 3px;
}

.main-page {
  height: 80%;
}
.main-page #main-page-spacer {
  height: 20vh;
}
.main-page #aboutme {
  width: 50vh;
  justify-content: ends;
}
.main-page .title {
  padding-left: 6px;
  padding-top: 20px;
}
.main-page .text {
  padding-left: 6px;
  padding-top: 3px;
}
.main-page .experience {
  padding-left: 40px;
  padding-top: 20px;
  margin-top: 10px;
}
.main-page .section {
  padding-left: 5px;
  padding-top: 5px;
  border-top: 2px solid white;
}
.main-page .section p {
  padding-left: 6px;
  padding-top: 3px;
}

.main-page::-webkit-scrollbar {
  display: none;
}

.modal-backdrop {
  z-index: -1 !important;
}

a {
  text-decoration: none !important;
}

.modal-content a {
  color: black !important;
}

@media only screen and (max-width: 961px) {
  .main-page {
    height: 80%;
  }
  .main-page #main-page-spacer {
    height: 10vh;
  }
  .main-page #aboutme {
    width: 100%;
  }
  .main-page .main-page-works {
    padding: 0;
    height: 80%;
  }
  #aboutme::-webkit-scrollbar {
    display: none;
  }
  #works-display {
    width: calc(50% - 8px);
    min-width: 200px;
    max-width: 350px;
    height: 250px;
  }
}
@media only screen and (max-width: 430px) {
  #works-display {
    width: calc(100% - 8px);
    height: 250px;
  }
  .main-page-works {
    padding: 2px !important;
    height: 80%;
  }
}

/*# sourceMappingURL=style.css.map */