about.css

nav.navbar.bg-dark {
  background-image: linear-gradient(
    to right,
    rgb(1 10 17),
    rgba(0, 78, 95, 0.585)
  );
  /* background-color: rgba(255, 255, 255, 0); */
  font-family: "Scope One", serif;
  font-weight: 400;
}

nav .collapse .nav-item .nav-link {
  color: rgb(255, 255, 255);
}

nav .collapse .nav-item .nav-link:hover {
  font-weight: 800;
}

/* GLASSMORPHISM */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.blurred-wrapper {
  height: 100vh;
  background-image: url("https://images.unsplash.com/photo-1511447333015-45b65e60f6d5?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=955&q=80");
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
  position: relative;
  z-index: 1;
  overflow: hidden;
  animation: hue 10s infinite alternate;
  
}
.blurred-wrapper::after {
  content:"";
  width: 100%;
  height: 100%;
  background: inherit;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  filter: blur(1rem);
  transform: scale(1.15);
}

@keyframes hue {
  from {
    filter: hue-rotate(0);
  }
  to {
    filter: hue-rotate(360deg);
  }
}


.container
{
    color: aliceblue;
    padding-top: 8px;
}


.card-group .card .card-body
{
    background-color: rgb(111, 10, 34);
}

.container h2
{
    font-family: Scope One;
}

.container h4
{
    font-family: Cinzel;
}

.container h6
{
    font-family: Cinzel;
}


.card-title
{
    font-family: Scope One;
    font-weight: 700;
}

.card-text
{
    font-family: Cinzel;
}