/* General Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Adding Fonts */
@font-face {
    font-family: "CC";
    src: url(../media/font/CCAccidenzCommons-medium.otf);
}

@font-face {
    font-family: "Lato";
    src: url(../media/font/lato/Lato-Regular.ttf);
}


/* Define a keyframe animation */
@keyframes highlight {
    0% { background-color: navy; }
    100% { background-color: transparent; }
}
 


/* Body */
body {
    font-family: Lato, CC, sans-serif;
    color: #e0e0e0;
    background-color: #121212;
}

/* Navigation */
header {
    background-color: #1f1f1f;
    padding: 1px;
    position: sticky;
    z-index: 1000;
}
header .logo {
    margin-right: 3rem;
}

header nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 1rem;
}

header .nav-items {
    display: flex;
    gap: 2rem;
    margin: auto;
    font-size: 2rem;
}

header .nav-items a {
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #e0e0e0;
    background-color: #333;
    padding: 0.5rem 1rem;
    border-radius: 1.5rem;
    transition: background-color 0.3s;
}

header .nav-items a:hover {
    background-color: #555;
}

.highlight {
    animation: highlight 0.5s ease-in-out;
}



/* ==========================
   Privacy Summary Section
   ========================== */

.privacy_header,
.privacy_main,
.privcy_bottom {
    max-width: auto;
    margin: 1rem;
    margin-left: 4rem;
    padding: .1rem;
}

/* =  Header  = */

.privacy_header {
    text-align: center;
    margin: 2.5rem auto 4rem;
}

.privacy-head {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 2rem;
}

.privacy-indend {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 1.5rem;
}

.privacy-lead {
    max-width: auto;
    margin-bottom: 2;
    font-size: 2rem;
    font-weight: 600;
}

/* ==========================
   Horizontal Rules
   ========================== */

.privacy_head-hr,
.privacy_bottom-hr {
    border: none;
    height: .1rem;
    background: #d9d9d9;
    max-width: auto;
    margin-bottom: 1rem;
    text-align: center;
}

/* =  Main Content  = */

.privacy_main {
    font-size: 1.15rem;
}

.privacy_h {
    font-size: 1.5rem;
    font-weight: 800;
    margin-top: 2rem;
    margin-bottom: .5rem;
    color: #666;
}

.privacy_main p {
    margin-bottom: 2rem;
}

.privacy_main strong {
    font-weight: 600;
    margin-bottom: 2rem;
}

/* =  Lists  = */

.privacy_main ul {
    margin: 1rem 0 1.5rem 1.5rem;
    padding: 0;
}

.privacy_main li {
    margin-bottom: 0.6rem;
}

.privacy_main ul ul {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/* ==========================
   Links
   ========================== */

.privacy_main a,
.privacy_header a,
.privcy_bottom a {
    color: #0057b8;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.privacy_main a:hover,
.privacy_header a:hover,
.privcy_bottom a:hover {
    opacity: 0.8;
}

/* =  Bottom Section  = */

.privcy_bottom {
    text-align: center;
    margin: 3rem auto 5rem;
}

.privcy_bottom p {
    font-size: 1.15rem;
    padding: 1rem;
    margin-bottom: 3rem;
}

/* ==========================
   Accessibility
   ========================== */

@media (prefers-reduced-motion: reduce) {
    * {
        scroll-behaviour: auto;
    }
}

:focus-visible {
    outline: 3px solid #0057b8;
    outline-offset: 3px;
}




/* Footer */
.footer-section {
    text-align: center;
    padding: 1rem;
    background-color: #1f1f1f;
}

.footer-section a {
    text-decoration: none;
    color: #e0e0e0;
    padding: 0.5rem;
    margin: 0 0.5rem;
    transition: color 0.3s;
}

.footer-section a:hover {
    color: #aaa;
}