@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,700;1,500;1,700&family=Noto+Sans:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@800&family=Nunito:wght@300;700;800&display=swap');

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Nunito', serif;
  color: rgb(51,51,51);
  background-color: rgb(245,245,245);
  min-height: 100vh;
  overflow: hidden;
}

.section {
  padding-top: 30px;
  padding-bottom: 0px;
}

h1, h2 {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 800;
}

h1 {
  font-size: 2.5em;
  padding-top: 10px;
}

h2 {
  font-size: 1.5em;
  padding: 10px 0px;
}

h3 {
  font-family: 'Nunito', serif;
  font-size: 1.2em;
  font-weight: 800;
  padding-bottom: 10px;
}

*, *::before, *::after {
	box-sizing: inherit;
}

p {
	padding-bottom: 12px;
  font-size: 1.1em;
}

@media screen and (max-width: 1024px) {
    iframe {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
    }
}

.box {
  background-color: transparent;
  border: solid black 2px;
  border-radius: 0px;
  box-shadow: none;
}

.menu {
  font-size: 1.5em;
}

.navbar, .footer {
	background-color: transparent !important;
	box-shadow: none !important;
}

.navbar {
  border-bottom: 2px solid rgb(51,51,51);
}

.navbar-item {
  font-family: 'Inter', sans-serif;
  color: black;
}

.current-page {
  font-weight: 800;
}

a.navbar-item:hover {
  color: black !important;
}

.lozad {
  padding-bottom: 15px;
}

.afghanistan-video {
  width: 100%;
  text-align: center;
}

#writings, #writings > h1, #writings > h2, #writings > h3 {
  font-family: 'Courier Prime', monospace;
}