* {
  color: #b0ff8c;
  font-family: Courier New, monospace;
}

body {
  background-color: #000;
  background-image: url("./siteImgs/tietobgPOST3.svg");
  margin: 0px auto;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

@media only screen and (max-width: 600px) {
	.titleContainer {
		display: none;
	}
	#hamburgerBar {
		width: 100%;
	}
	#hamburgerMenu {
  		margin-right: 5.5%;
	}
	.menuItem {
		width: 90%;
		border-radius: 2vw;
	}
	body {
		background-image: none;
		background-color: #000;
	}

}

@media only screen and (min-width: 601px) {
	.titleContainer {
		display: none;
	}
	#hamburgerBar {
		width: 70%;
	}
	#hamburgerMenu {
  		margin-right: 5.5%;
	}
	.menuItem {
		width: 90%;
		border-radius: 2vw;
	}
	#menuContainer {
		margin-top: 2vw;
	}
	body {
		background-size: 100% auto;
	}
}

@media only screen and (min-width: 768px) {
	#hamburgerMenu {
		margin-right: 8%;
		display: block;
	}
	#hamburgerBar {
		width: 50%;
	}
	#menuContainer {
		margin-top: 1vw;
	}
	.menuItem {
		width: 85%;
		border-radius: 1vw;
	}
}

@media only screen and (min-width: 900px) {
	#menuContainer {
		margin-top: 0px;
	}
	#hamburgerMenu {
		margin-right: 10%;
	}
	#hamburgerBar {
		width: 40%;
	}
	.menuItem {
		width: 80%;
		border-radius: 0px;
	}
	body {
		background-size: 50% auto;
	}
}

@media only screen and (min-width: 1186px) {
	.titleContainer {
		display: none;
	}
	#hamburgerMenu {
		display: block;
	}
	.menuItem {
		width: 70%;
	}
}

@media only screen and (min-width: 1400px) {
	.titleContainer {
		display: block;
	}
	#hamburgerMenu {
		display: none;
	}
	.menuItem {
		width: 65%;
	}
}

.title1 {
  color: #b0ff8c;
  text-align: left;
  padding: 1rem;
  margin-top: 1rem;
  margin-bottom: auto;
  font-size: 1.5rem;
  background-color: transparent;
}

#hamburgerMenu {

}

#hamburgerIcon {
  width: 3rem;
}

#hamburgerBar {
  padding-top: 1rem;
  position: fixed;
  right: 0;
  display: none;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: left;
  z-index: 1000;
  height: 100%;
  background-color: #101016;
  border: solid 0.1rem #061e00;
}

.listItem {
	margin-left: 4%;
	padding: 1rem;
	display: block;
}

.titleContainer {
  width: 18rem; 
  white-space: wrap;
  background-color: transparent;
}

.text1 {
  white-space: pre-line;
  color: #000;
  text-align: left;
  margin: 0px;
  font-size: 1.2rem;
  background-color: transparent;
}

.text1Bold {
  font-weight: bold;
}

.textList {
  list-style-type: disc;
  margin-left: 3rem;
}

#banner {
  position: sticky;
  top: 0;
  background-image: radial-gradient(#061e00, #061e00, #061e00);
  border: solid 0.1rem #061e00;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 0px auto;
  margin: 0px;
  padding: 0px;
  width: 100%;
  max-width: 100%;
}
#menuContainer {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  text-align: center;
  background-color: transparent;
}

#logo {
  padding: 1rem;
  margin: 0px;
  margin-left: 0px;
  align-self: baseline;
  min-width: 5rem;
  max-width: 13rem;
  min-height: 3rem;
  max-height: 7rem;
}

.menuItem {
  margin: 0rem;
  background-color: #d6ffc4;
  min-height: 50rem;
  border: solid 0.1rem #061e00;
  padding: 1rem;
  padding-bottom: 4rem;
}