@charset "UTF-8";
.navbar {
  flex-direction: row;
}
.navbar li {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 20px;
  font-family: "Montserrat Bold";
}

.navbar-center {
  min-width: 400px;
}

.navbar-img-logo > a > img {
  width: 60px;
  height: 60px;
}

.navbar-blue > a {
  color: #1f2556;
}

.container {
  padding: 30px 50mm;
}

.blogs-and-events {
  padding-top: 100px;
}

.blogs-and-events-columns {
  width: 100%;
  justify-content: space-evenly;
}

.blogs-and-events-blogs, .blogs-and-events-events {
  min-width: 200px;
  max-width: 425px;
}

.blogs-and-events-h1 {
  padding-top: 40px;
}

.blogs-and-events-3-dots img {
  width: 30px;
  height: 30px;
}

.blogs-and-events-meetup {
  padding-top: 10px;
  padding-bottom: 10px;
}
.blogs-and-events-meetup h3 {
  background-color: #c0f1fe;
  width: max-content;
}

.blogs-and-events-meetup-date {
  font-family: "Source Code Pro Regular";
}

.blogs-and-events-h1 {
  font-size: 40px;
  margin-bottom: 10px;
  font-family: "Source Code Variable";
}

.about-our-club {
  padding-top: 120px;
  justify-content: space-around;
}

.about-our-club-img-logo {
  margin: auto;
}
.about-our-club-img-logo img {
  width: 100px;
  height: 100px;
}

.about-our-club-text {
  padding: 60px;
}

.about-our-club-button {
  color: blue;
}

.signup {
  padding-top: 20px;
}

.signup-container {
  padding-left: 40px;
  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: #efb8ac;
}

.signup-email {
  padding-top: 10px;
}

.signup-h3 {
  font-family: "Montserrat Bold";
}

.signup-h4 {
  font-family: "Montserrat Bold";
  color: green;
}

.signup-email-address {
  border-radius: 10px;
  border-color: #efb8ac;
  border-style: solid;
  font-size: 16px;
  padding: 5px 60px;
  font-family: "Montserrat";
}

.footer {
  padding: 40px 50mm;
  padding-bottom: 0;
  background: url("/background-footer.svg") no-repeat top;
  background-size: cover;
}

.footer-about-events-blogs {
  flex-direction: column;
  margin: auto;
}
.footer-about-events-blogs li {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  color: #efb8ac;
  font-family: "Montserrat Bold";
}

.footer-contact {
  list-style: none;
}
.footer-contact li {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 20px;
}

.footer-contact-text {
  padding-left: 20px;
  color: #c4c9d7;
}

.footer-contact-h3 {
  color: #efb8ac;
  font-size: 30px;
  margin: 0;
  padding-bottom: 5px;
}

.footer-contact-h4 {
  font-family: "Source Code Variable";
  color: #c4c9d7;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0;
  font-size: 18px;
}

.footer-img-logo-text-alt > img {
  width: 300px;
  height: 300px;
}

.footer-img-logo-alt > img {
  width: 120px;
  height: 120px;
}

.info-box {
  padding-top: 120px;
  padding-bottom: 30px;
}

.info-box-logo-text > img {
  width: 60%;
}

@media only screen and (max-width: 800px) {
  .navbar-center {
    min-width: 0;
  }
  .navbar {
    justify-content: space-evenly;
  }
  .container {
    padding: 10px;
  }
  .blogs-and-events {
    padding-top: 20px;
  }
  .blogs-and-events-events {
    padding-top: 20px;
  }
  .blogs-and-events-columns {
    flex-direction: column;
  }
  .blogs-and-events-h1 {
    padding-top: 20px;
  }
  .about-our-club {
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .about-our-club-img-logo > img {
    display: none;
  }
  .about-our-club-text {
    padding: 0;
  }
  .signup-container {
    padding-left: 0;
    border-left-style: none;
  }
  .footer {
    flex-direction: column;
    padding: 0;
  }
  .footer-contact {
    flex-direction: row;
    justify-content: space-around;
    padding-top: 30px;
  }
  .footer-img-logo-text-alt {
    display: none;
  }
  .footer-about-events-blogs {
    display: none;
  }
  .info-box {
    padding-top: 20px;
  }
}
body, html {
  margin: 0;
}

html {
  width: 100%;
  height: 100%;
}

body {
  background: url("/background.svg") no-repeat top;
  background-size: cover;
}

img {
  width: 100%;
}

ul, ol, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

h1, h2, h3, h4, h5 {
  color: #404041;
  margin: 0;
}

.h1-alt {
  font-size: 40px;
}

.h1-alt, h2-alt, .h3-alt {
  font-family: "Source Code Variable";
  color: #404041;
}

p {
  font-family: "Source Code Variable";
  color: #404041;
}

a {
  text-decoration: none;
  color: #efb8ac;
  font-family: "Montserrat Bold";
}

.button-subscribe {
  color: #1f2556;
  padding-left: 10px;
}

.button-join {
  border-radius: 30px;
  border-color: #efb8ac;
  border-width: 2px;
  border-style: solid;
  padding: 10px 30px;
}

.button-with-arrow {
  font-size: 20px;
}

.button-with-arrow:after {
  content: "→";
  text-width: 10px;
}

.superfooter {
  background-color: #1f2556;
  padding-bottom: 5px;
}
.superfooter p {
  text-align: center;
  margin: 0;
  color: #c4c9d7;
  font-size: 12px;
}

/*# sourceMappingURL=index.css.map */