.blog-title {
  font-size: clamp(3rem, 4.2vh ,5rem);
  color: var(--colour-primary-white);
  margin-bottom: 30px;
}

.blog-synopsis {
  font-size: clamp(1.2rem, 1.7vh, 1.9rem);
  margin-bottom: clamp(1rem, 3vh, 3rem);
}

small {
  color: var(--colour-tertiary-white); 
  font-size: clamp(0.6rem, 1vh, 1.2rem);
}

.blog-link:link,
.blog-link:visited {
  color: var(--colour-pink);
  transition: all .3s;
}

.blog-link:hover,
.blog-link:active {
  color: var(--colour-primary-white);
  text-shadow: 0px 0px 5px rgba(217, 183, 252, 0.712),
    0 0 20px rgba(141, 173, 253, 0.829);
}

.learning-blog-image {
  width: 100%;
  margin-bottom: 20px;
  border-radius: 10px;
  filter: grayscale(50%) contrast(110%) opacity(0.75) brightness(140%);
  box-shadow: 0px 0px 100px rgba(217, 183, 252, 0.123),
  0 0 50px rgba(141, 173, 253, 0.144);
}

.identity-blog-image {
  width: 100%;
  margin-bottom: 20px;
  border-radius: 10px;
  filter: contrast(110%) opacity(0.75) brightness(95%);
  box-shadow: 0px 0px 100px rgba(217, 183, 252, 0.123),
  0 0 50px rgba(141, 173, 253, 0.144);
}

.eq-blog-image {
  width: 100%;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow: 0px 0px 100px rgba(217, 183, 252, 0.123),
  0 0 50px rgba(141, 173, 253, 0.144);
}

.growth-image {
  width: 100%;
}

.blog-article {
  font-size: 20px;
  font-family: 'Inter';
  line-height: 1.6;
  font-weight: 300;
  color: var(--colour-secondary-white);
  max-width: 720px;
}

.blog-article > p {
  margin-bottom: 20px;
}

.article-title {
  margin-top: 50px;
  margin-bottom: 15px;
}

.blog-list {
  margin-bottom: 20px;
}

.blog-list > ul,
.blog-list > ol {
  padding-left: 30px;
}

code {
  background-color: #dddcdc;
  color: black;
  padding: 0.2rem 0.5rem;
  font-size: 1.8rem;
}

#css-joke {
  margin-left: 10%;
  margin-right: 10%;
}

blockquote {
  padding: 10px 30px;
  background: #22323E;
  border-radius: 5px;
  margin-bottom: 30px;
}

.footer {
  display: flex;
  align-items: center;
  height: 200px;
  font-size: clamp(1.5rem, 2vh, 2rem);
}

.footer-link {
  color: var(--colour-pink)
}