/* --- */
/* PFP */
/* --- */

.pfp,
.box2 {
  height: 310px;

  margin: 5px;
  z-index: 0;
  background-image: url(img/Untitled8.jpg);
  background-position: center;
  background-size: cover;
}

/* --------------- */
/* PFP - ANIMATION */
/* --------------- */

.pfp-animatedborder,
.pfp-animation::before {
  filter: blur(0rem);
}

.pfp-animatedborder,
.pfp-animation {
  position: absolute;
  height: 320px;
  width: 197px;

  /* TEST */
  background-image: conic-gradient(
    from var(--angle),
    #2833b6,
    #091131,
    #4e69bc
  );
  animation: 1.5s spin linear infinite;
}

/* -------------------- */
/* LINKS TO OTHER PAGES */
/* -------------------- */

.lists-container,
.box3 {
  height: 310px;

  /* Box Style */
  background-color: var(--content-background-color);
  outline: var(--default-outline);
  border: var(--default-border);

  /* Text Style */
  font-size: 20px;
}

.links {
  margin: 20px;
}

.links-list {
  color: white;
  margin-left: 50px;
}