/* --- Settings --- */

body {
    background: #198754
}


/* .instructions {
    font-family: "Tinos", serif;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
} */

/* --- 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 */
}



/* --- Presentation Section --- */

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

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

.presentation-box {
    border: 2px solid black;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 4px;
}

/* Text (Left) */
.pre-title {
  font-family: "Playfair Display", serif;
  font-size: 22px;
  font-style: italic;
  margin-bottom: 8px;
  display: block;
}

.title {
    font-family: "Tinos", serif;
    font-weight: 500;
}

.title-description {
    font-family: "Tinos", serif;
}

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

.btn-hover-up:hover {
    transform: translateY(-2px); /* 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;
} */