html, body {
  font-family: 'Poppins', sans-serif;
  height: 100%;
  margin: 0;
  padding: 0;
}

 /* || Navbar styling */

#navbar-container {
  height: 10vh;
  background-color:#052049;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 2.5vw;
}

#navbar-container div {
  padding-left: 2.5vw;
}

#navbar-container div button {
  background-color: transparent;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 25px;
}

#about-navitem a {
  text-decoration: none;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 25px;
}

/* - */

/* || Styling gradient background */


#gradient-overlay {
background: linear-gradient(to bottom, #052049, #F6F6F6 100vh, #F6F6F6);
padding-bottom: 10vh;
}

/* - */

/* || Landing section styling */

#landing-section {
  display: flex;
  flex-direction: column;
  padding-left: 10vw;
  height: 70vh;
}

#landing-section h1 {
  padding-top: 10vw;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 900;
  font-size: 100px;
  color: #FFFFFF;
}

#landing-section h2 {
margin-top: 0.05vh;
margin-bottom: 0;
font-weight: 300;
font-size: 40px;
color: #C7C5C5;
}

#landing-section p {
  font-weight: 300;
  font-size: 25px;
  color: #C7C5C5;
  font-style: italic;
}

#landing-section p a {
  text-decoration: underline solid #C7C5C5;
  color: inherit;
}

/* - */

/* || Table styling */

#table-section {
  margin-left: 5vw;
  margin-right: 5vw;
  width: 90vw;
  border: 2px solid black;
  border-radius: 10px;
  background: #F8F8F8;
  min-height: 80vh;
}

#button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 8vh;
  padding-top: 1vh;
}

#export-button {
  padding-right: 3vw;
  padding-left: 3vw;
  display: flex;
  align-items: center;
}

.export-button-active {
  opacity: 1;
}

.export-button-inactive {
  opacity: 0.3;
}

#export-button button {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid black;
  color: black; 
  background: transparent;
}

#tags-section {
  display: flex;
  flex-wrap: wrap;
  padding-left: 1vw;
  max-width: 60vw;
}

#labels span {
  font-size: 12px;
  text-align: center;
}

#tags > div {
  padding-bottom: 5px;
  } 

#tags > div button {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  margin-right: 5px;
  padding-right: 3px;
  margin-bottom: 5px;
  border: 1px solid black;
  color: black; 
}

#tags > div button.active {
  background-color: #E8E8E8;
}

#tags > div button:hover {
  background-color: #E8E8E8;
}

#tags > div button:not(.active) {
  background-color: transparent;
}

#seminar-table {
  display: flex;
  padding-left: 1vw;
  padding-right: 1vw;
  padding-top: 2vw;
  flex: 1;
}

#seminar-table table {
  border-spacing: 0;
  width: 100%;
  table-layout: fixed;
}

#seminar-table table tr th {
  font-weight: 600;
  color: #656565;
  font-size: 14px;
  text-align: left;
}

#seminar-table table tr td {
  font-weight: 500;
  font-size: 14px;
  padding-top: 1.5vh;
  padding-bottom: 1.5vh;
  padding-right: 1vw;
  border-top: 1px solid black;
}

.selected {
  background-color: #e6e6e6f9;
}

#seminar-table .date {
  width: 15%;
}

#seminar-table .time {
  width: 15%
}

#seminar-table .title {
  width: 40%;
}

#seminar-table .speakers {
  width: 10%;
}

#seminar-table .location {
  width: 10%;
}

#seminar-table .series {
  width: 10%;
}

a {
  text-decoration: underline solid black;
  color: inherit;
}

#about-section {
padding-top: 20vh;
padding-left: 16vw;
padding-right: 24vw;
padding-bottom: 20vh
}

#about-section__text #welcome-message {
font-weight: 600;
font-size: 80px;
margin-top: 0;
}

#about-section__text p {
font-weight: 400;
font-size: 24px;
margin-bottom: 10px;
color: #121212;
}


/* Import fonts */
@font-face {
font-family: 'Poppins';
src: url('/fonts/Poppins-Light.ttf');
font-weight: 300;
font-style: normal;
}

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

@font-face {
font-family: 'Poppins';
src: url('/fonts/Poppins-Black.ttf');
font-weight: 900;
font-style: normal;
}

@font-face {
font-family: 'Poppins';
src: url('/fonts/Poppins-SemiBold.ttf');
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: 'Poppins';
src: url('/fonts/Poppins-Regular.ttf');
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'Roboto';
src: url('/fonts/Roboto-Light.ttf');
font-weight: 300;
font-style: normal;
}