@font-face {
    font-family: 'Clash Grotesk';
    src: url('assets/ClashGrotesk-Medium.ttf') format('truetype');
}

body {
    background-color: #F0F2F5;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 100px;
    margin-top: -50px;
}

.privacy-policy, .terms-page, .about-page, .credits-policy {
    background-color: #fff;
    margin-top: -30px;
}

.privacy-policy h2, .terms-page h2, .about-page h2, .credits-policy h2  {
    font-family: 'Clash Grotesk', Arial, sans-serif;
    font-size: 2.5em;
    color: #222A33;
}

.privacy-policy h3, .terms-page h3, .about-page h3, .credits-policy h3  {
    font-family: 'Clash Grotesk', Arial, sans-serif;
    font-size: 1.5em;
    color: #222A33;
}

.privacy-policy p, .terms-page p, .about-page p, .credits-policy p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    color: #898989;
}

.privacy-policy li, .terms-page li .about-page li, .credits-policy li {
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    color: #898989;
}

.privacy-policy strong, .terms-page strong, .about-page strong, .credits-policy strong {
    color: #222A33;
}

.accent-colour {
    color: #34C178;
}

@media (max-width: 768px) {

body {
    padding: 20px;
    margin-top: 20px;
}

}