* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Inter', sans-serif;
}

@font-face {
font-family: 'Inter';
font-style: normal;
src: url('../fonts/Inter/Inter_18pt-Medium.ttf'); 
}

html, body {
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
font-family: 'Inter', sans-serif;
}

.container {
max-width: 1000px;
margin: 0 auto;
padding: 0 30px;
}

.highlighter {
color: #00c3ff;
font-weight: 500;
}

.navbar {
padding-top: 20px;
padding-bottom: 20px;
}

.logo {
max-height: 50px;
}

.logo img {
max-height: 50px;
}

.manifesto {
margin: 60px auto;
padding: 0 24px;
line-height: 1.7;
}

h1 {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 1.6rem;
line-height: 1.3;
}

p {
font-size: 1rem;
margin: 1rem 0;
font-weight: 0;
}

.intro {
font-weight: 600;
}

em {
font-style: italic;
}

.pill {
background: #cde9ff;
padding: 2px 6px;
border-radius: 4px;
}

.callout {
border-left: 4px solid #cde9ff;
padding-left: 12px;
margin: 2rem 0;
font-size: 1.3rem;
font-weight: 700;
}

.final {
margin-top: 2.5rem;
font-size: 1.4rem;
}

footer p {
margin: 0;
padding: 0;
}

.footer-p a {
display: block; 
color: white;
text-decoration: none; 
font-size: 1em;
line-height: 1.7;
color: #9b9b9b;
}

.footer-p a:hover {
color: #0BA4E0; 
}

.footer-h p {
color: white;
font-size: 1em;
}

.footer-color {
background-color: #273171;
}

.footer-container {
display: flex;
flex-wrap: wrap;
gap: 150px;
max-width: 1000px;
margin: 0 auto;
padding-top: 100px;
padding-bottom: 100px;
padding-right: 35px;
padding-left: 35px;
}

.copyright-section {
background-color: #333d7a;
padding: 20px 0;
}

.tags p {
font-size: 14px;
margin: 0;
}

.rights p {
color: #fff;
font-size: 1em;
margin: 0;
}

.copyright-section-copy {
display: flex;
flex-wrap: wrap;
align-items: center; 
justify-content: space-between;
max-width: 1000px;
margin: 0 auto;
padding-right: 35px;
padding-left: 35px;
}

@media screen and (max-width: 620px) {

.callout {
font-size: 1rem;
}

}