/* =========================================================
   GLOBAL VARIABLES
   ========================================================= */
:root {
  --accent: #00d742;
  --bg-dark: #121920;
  --text-light: #abb2bf;
  --border-grey: rgba(65, 65, 65, 0.789);
}

/* =========================================================
   RESPONSIVE ADJUSTMENTS
   ========================================================= */
@media (max-width: 768px) {
  .profile-photo-container { max-width: 400px; }
  .profile-photo {
    width: 90%;
    height: 320px;
    border-top-width: 10px;
    border-left-width: 8px;
    border-right-width: 10px;
    border-bottom-width: 8px;
  }
}

@media (max-width: 480px) {
  .slide-p1s1 { padding: 1rem 0.5rem; }

  .profile-photo {
    height: 200px;
    border-top-width: 8px;
    border-left-width: 6px;
    border-right-width: 8px;
    border-bottom-width: 6px;
  }
}