@charset "utf-8";

@font-face {
  font-family: 'Comfortaa';
  src: url('../fonts/Comfortaa-VariableFont_wght.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
    background-color: #111;
    color: #f8f9fa;
    font-family: 'Comfortaa', sans-serif;
    line-height: 1.7;
}

.privacy-header {
    padding: clamp(8rem, 16vh, 11rem) 0 clamp(3rem, 7vh, 5rem);
    background: radial-gradient(circle at 50% 0%, rgba(237, 172, 42, 0.35) 0%, rgba(237, 172, 42, 0.12) 30%, transparent 72%);
}

.privacy-header .container,
.privacy-content {
    max-width: 960px;
}

.privacy-header h1 {
    margin-bottom: 1.5rem;
    color: white;
    font-size: clamp(2rem, 1.25rem + 3.5vw, 4rem);
    font-weight: bold;
    text-shadow: 3px 3px 5px black;
}

.privacy-meta {
    margin-bottom: 0.25rem;
    color: #dedede;
}

.fade-div{
    height: 200px;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        #141311 50%,
        transparent 100%
    );
    margin-top: -100px;
    margin-bottom: -100px;
    pointer-events: none;
    position: relative;
    z-index: 1; 
}

.privacy-content {
    padding-top: clamp(2rem, 5vw, 4rem);
    padding-bottom: clamp(4rem, 8vw, 6rem);
}

.privacy-content section + section {
    margin-top: clamp(2rem, 4vw, 3rem);
}

.privacy-content h2 {
    margin-bottom: 0.75rem;
    color: #edac2a;
    font-size: clamp(1.35rem, 1.1rem + 1vw, 1.8rem);
    font-weight: bold;
}

.privacy-content p {
    margin-bottom: 0.75rem;
}

.privacy-content a {
    color: #f4c059;
    overflow-wrap: anywhere;
}

.privacy-content a:focus-visible {
    outline: 3px solid #f4c059;
    outline-offset: 3px;
}