index.css

@font-face {
  font-family: AT Nezue;
  src: url(./font/NEZUE\ ExtraBold.otf);
}

body {
  padding: 0 !important;;
  margin: 0 !important;;
  background-color: #D2ECE1;
  background-image: url("img/sky-section.svg");
  background-repeat: no-repeat;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.navbar {
  position: fixed;
  height: 59px;
  width: 100%;
  top:0;

  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;

  background-color: #E9F7F1;
  color: #fff;
}

.nav-links label {
  margin-right: 40px;
  color: #254E1E;
}

.nav-links li {
  display: flex;
  justify-content: center;
}

.nav-links a {
  text-decoration: none;

  color: #254E1E;
  font-family: 'AT Nezue';
  font-size: 20px;
}

/* NAVBAR MENU */
.menu {
  display: flex;
  gap: 1em;
  font-size: 18px;
  margin-right: 40px;
}

.menu img {
  width: 26px;
  display: relative;
  bottom: 3px;
  -webkit-filter: drop-shadow(-1px 1px 0 #254E1E);
  filter: drop-shadow(-1px 1px 0 #254E1E);
}

.menu li {
  list-style: none;
  padding: 5px 14px;
}

/* DROPDOWN MENU */
.services {
  position: relative; 
}

/* CHECKBOX HACK */
input[type=checkbox]{
  display: none;
} 

/*HAMBURGER MENU*/
.hamburger {
  display: none;
  font-size: 24px;
  user-select: none;
}

/* APPLYING MEDIA QUERIES */
@media (max-width: 1024px) {
  .menu { 
    display:none;
    position: absolute;
    background: rgba(233, 246, 241, 0.9);;
    right: 0;
    left: 0;
    top: 59px;
    text-align: center;
    padding: 16px 0;
    border-top: 1px solid #9fc4b4;
  }

  .logo {
    padding-left: 0;
  }

  .menu li + li {
    margin-top: 12px;
  }

  .menu-flower {
    right: auto;
  }
  input[type=checkbox]:checked ~ .menu{
    display: block;
  }

  .hamburger {
    display: block;
  }
}

/* LOGO */
.logo {
  padding-left: 36px;
  padding-top: 3px;

  font-weight: bold;
  font-size: 23px;
  font-family: 'AT Nezue';
  font-style: normal;
  font-weight: 900;
  font-size: 28px;
  line-height: 27px;
  display: flex;
  color: #9FC299;
  line-break: none;
  text-shadow: -1.5px 2px 0px #254E1E;
  
  -webkit-user-select: none; /* Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
}

.stroke{
  -webkit-text-stroke: 3px #254E1E;
}

.no-stroke{
  position: absolute;
}

.top_part {
  margin-top: 100px;
}

.top_picture {
  width: 45%;
  padding-left: 10%;
}

/* Page content container */
.container {
  margin-top: 200px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.header {
  width: 70%;
  display: flex;
  margin-bottom: 50px;
}

.signup {
	flex: 1;
	justify-content: flex-end;
	text-align: end;
}

.signup-button:hover {
	background-color: #80AB98;
}

.signup-button {
	background-color: #A7D3C0;
	padding: 1.15em 5.25em;
	font-weight: bold;
}

.signup button {
	font-size: large
}
.actions {
  width: 60%;
}

.actions > div {
  width: 100%;
  height: auto;
}

.actions button {
	cursor: pointer;
}

.actions .interest {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.actions .social {
  text-align: right;
}

.actions ul.icons {
	list-style: none;
  padding-left: 0px;
}

.actions ul.icons li {
	display: inline-block;
	padding: 0 0 0 0.75em;
	cursor: pointer;
}

.actions ul.icons li:first-child {
  padding: 0;
}

.actions ul.icons #email:hover {
  content: url('img/Email_hover.png');
}

.actions ul.icons #instagram:hover {
  content: url('img/Instagram_hover.png');
}

.actions ul.icons #facebook:hover {
  content: url('img/Facebook_hover.png');
}

.actions ul.icons #twitter:hover {
  content: url('img/Twitter_hover.png');
}

.actions .mlh {
  text-align: right;
}

.actions .mlh a {
	color: #7B988C;
	border: 5px;
}

.actions button {
	color: #1D4217;
	text-align: center;
}

.interest button {
	font-size: medium;
}

@media screen and (max-width: 480px) {
	.actions .interest {
	  flex-wrap: wrap;
    text-align: center;
	}
 
  .signup {
    justify-content: flex-end;
    text-align: center;
  }

  .actions .social {
    text-align: center
  }

  .actions .mlh {
    text-align: center;
  }
}

.website_text {
   padding: 10%;
}

.about h2, .FAQs h2, .sponsor h2, .tracks h2, .side_challenges h2, .schedule h2 {
	background-color: #BCE4D3;
	padding: 1%;
}

.about_text, .FAQs_text, .sponsor_text, .tracks_text, .side_text, .schedule_embed {
	background-color: #E2F3EC;
	padding: 2%;
}

h4 {
	margin-bottom: -10px;
}

/*Footer*/
footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  bottom: 0px;
  background: #d2ece1;
  width: 100%;
  padding: 36px;
  z-index: 999;
}

footer .email a{
  display: inline-box;
  font-family: 'Gill Sans';
  font-style: italic;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.03em;

  color: #254E1E;
}

footer .left,
footer .right {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 16px;
}

footer .social ul.icons {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  gap: 8px;
}

footer .social ul.icons #email:hover {
  content: url('img/Email_hover.png');
}

footer .social ul.icons #instagram:hover {
  content: url('img/Instagram_hover.png');
}

footer .social ul.icons #facebook:hover {
  content: url('img/Facebook_hover.png');
}

footer .social ul.icons #twitter:hover {
  content: url('img/Twitter_hover.png');
}

footer .right {
  text-align: right;
}

footer .mlh a {
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 500;
  font-size: 17.0323px;
  line-height: 160%;

  /* or 27px */
  text-align: right;
  text-decoration-line: underline;

  color: #7B988C;
}

footer .copyright {
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 500;
  font-size: 17.0323px;
  line-height: 160%;
  text-align: right;
  color: #558571;
}