@import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Voces&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');

:root{
    --text-color-white: #FFFFFF;
    --text-color: #07bef5;
    --text-color-default: #dadada;
    --text-color-green:#1AD969;
    --body-background-1: #121E27;
    --body-background-2: #060E15;
    --nav-background: rgba(6, 14, 21, 0.8);
    --body-skills-background: #0D314A;
    --body-skills-background-2: #171835;
    --card-skills-background: #171321;
    --card-hoobie-backgrond: #30333a;
    --card-hoobie-hover:rgb(14, 68, 139);
    --card-academic-background: #060826;
    --border-bottom-html: #FF5722;
    --border-bottom-css: #2196F3;
    --border-bottom-javascript: #FFDF00;
    --border-bottom-typescript: #2D6FB7;
    --border-bottom-reactjs: #61DBFB;
    --border-bottom-unity: #838181;
    --border-bottom-c-sharp: #782379;
    --border-bottom-python: #3870A1;
    --border-bottom-git: #e03704;
    --footer-animal-jump: #07B148;
    --footer-taano-puzzle: #FF4700;
}


/* === PRIVACY PAGE STYLES === */
.privacy-body {
  font-family: "Segoe UI", Arial, sans-serif;
  line-height: 1.8;
  margin: 0;
  padding: 0;
  background: var(--body-background-2);
  color: var(--text-color-default);
}

.privacy-header {
  background: var(--body-background-1);
  padding: 40px 20px;
  text-align: center;
  border-bottom: 2px solid var(--text-color);
}

.privacy-title {
  color: var(--text-color-white);
  margin: 0;
  font-size: 2.2rem;
}

.privacy-subtitle {
  color: var(--text-color-green);
  margin: 5px 0 0;
  font-size: 1rem;
}

.privacy-main {
  max-width: 900px;
  margin: 40px auto;
  padding: 0 20px;
}

.privacy-section {
  margin-bottom: 35px;
  padding: 20px;
  background: var(--body-background-1);
  border-left: 3px solid var(--text-color);
  border-radius: 6px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  transition: transform 0.2s ease;
}

.privacy-section:hover {
  transform: translateY(-3px);
}

.privacy-heading {
  color: var(--text-color);
  margin-top: 0;
  font-size: 1.3rem;
}

.privacy-text {
  margin: 10px 0;
  font-size: 1rem;
}

.privacy-link {
  color: var(--text-color-green);
  text-decoration: none;
  font-weight: bold;
}

.privacy-link:hover {
  text-decoration: underline;
}

.privacy-footer {
  text-align: center;
  padding: 25px;
  background: var(--body-background-1);
  color: var(--text-color-white);
  margin-top: 40px;
  border-top: 2px solid var(--footer-animal-jump);
}

.privacy-footer-text {
  font-size: 0.9rem;
  color: var(--text-color-default);
}