@font-face {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  font-weight: 100;
  src: url(Inter.woff2) format('woff2');
}

.navbar .nav-link {
    color: white;
}
.navbar .nav-link.active {
    color: pink; /* active page */
}
.navbar .nav-link:hover {
    color: pink;
}
.navbar .navbar-brand {
    color: pink;
}
.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: medium;
  max-width: 600px;
}

.row-of-images {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 2%;
    padding-bottom: -1rem;
}
.row-of-images-footer {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 2%;
    padding-top: .25rem;
    padding-bottom: -1rem;
}

body {
    min-height: 100vh;
    background-image: url("../img/bg-deets.png");
    background-size: 16%;
    image-rendering: pixelated;
    background-repeat: repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-family: Inter;
    font-size: large;
    text-align: left;
    overflow-y: auto;
}
body .window {
    padding: clamp(16px, 5vw, 48px);
    outline: 2px solid rgba(255, 105, 180, 0.288);
    box-shadow: 0 0 50px 15px rgba(255, 105, 180, 0.288);
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.75),
        rgb(23, 21, 24, 0.75)
    );
    width: 100%;
    max-width: 800px;
}

.portfolio-project {
    display: flex;
    margin-left: auto;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 8px;
    margin-bottom: -1rem;
}
.portfolio-project img {
    width: 80px;
    height: auto;
    flex-shrink: 0;
    order: 1;
}