/* --- Settings --- */

p {
    text-indent: 2em;
}


/* --- Sliding Animations */

.slide-up-fast,
.slide-up-slow {
  opacity: 0;
  transform: translateY(50px);
  transition: all 1s ease-out; /* animation on class change */
}

/* Triggered when visible */
.slide-up-fast.show {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.2s; /* optional delay for fast */
}

.slide-up-slow.show {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.6s; /* optional delay for slow */
}

.slide-right-fast {
  opacity: 0;
  transform: translateX(-50px);
  transition: all 1s ease-out; /* animation on class change */
}

.slide-right-fast.show {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.2s; /* optional delay for fast */
}

/* --- Projects Section --- */

.project-1 {
    background-color: #fbfbfb;
}

.project-2 {
    background-color: #f0f1f3;
}

/* .header-text {
    font-family: "Space Mono", monospace;
} */


/* --- Blockquote --- */

blockquote{
  font-size: 14px;
  width:95%;
  font-family:"Times New Roman", serif;
  font-style:italic;
  color: #555555;
  padding:1.2em 20px 1.2em 30px;
  border-left:8px solid #8eaaf8;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  /* line-height:1.6; */
  position: relative;
  background:#EDEDED;
}

blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#8eaaf8;
  font-size:4em;
  position: absolute;
  left:2px;
  top:-10px;
}

blockquote::after{
  content: '';
}

/* Unused (for quoting people) */
blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}

.btn-hover-up {
    transition: all 0.3s ease; /* smooth animation */
    max-width: 200px;
}

.btn-hover-up:hover {
    transform: translateY(-5px); /* move up */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3); /* shadow */
}

/* --- Debug --- */
/* .redbox {
    border: 2px solid red;
}
.bluebox {
    border: 2px solid blue;
}
.greenbox {
    border: 2px solid green;
}
.yellowbox {
    border: 2px solid yellow;
}
.purplebox {
    border: 2px solid purple;
}
.blackbox {
    border: 2px solid black;
} */