@font-face {
	font-family: Aujournuit;
	src: url(fonts/Aujournuit-Condensed.woff2);
  }

  body {background-color: blue;}
  
  
  h1 {
	font-family: sans-serif;
	line-height: 185px;
	text-align: center;
	line-height: auto;
	letter-spacing: -9px;
	font-family: helvetica;
	font-size: 2vw;
	
  }
  
  h2 {
	margin-top: -15px;
	font-family: helvetica;
	text-align: center;
	margin-top: 40px;
	letter-spacing: -3px;
	font-size: 4vw;
	color: blue;
	
  }
  
  h3 {
	margin-top: -15px;
	font-family: helvetica;
	text-align: center;
	margin-top: 5px;
	letter-spacing: -2px;
	font-size: 4vw;
	color: blue;
	
  }
  
  h4 {
	margin-top: -15px;
	font-family: helvetica;
	text-align: center;
	margin-top: 5px;
	letter-spacing: -2px;
	font-size: 4vw;
	color: yellowgreen;
	
  }

  h5 {
	position: absolute;
	padding-top: 30px;
	text-align: center;
	font-size: 12vw;
	letter-spacing: -10px;
	font-family: helvetica;
	line-height: 140px;
	color: white
	z-index: 2; /* Tõstab teiste kihtide kohale */
	margin-top: -160px;
	
  }

  h6  {
	line-height: 140px;
	letter-spacing: -10px;
	text-align: center;
	font-size: 12vw;
	font-family: helvetica;
	color: white;
	margin-top: -130px;
	margin-bottom: -280px;
	}
  
  .marquee-container {
	background-color: white;
	border: 2px solid black;
	border-top: 3px black;
	border-bottom: 1px solid black;
	padding: 1rem 2,5rem;
	overflow: hidden;
	width: 100%;
  }
  
  .marquee-content {
	display: flex;
	animation: scroll 500s linear infinite;
	white-space: nowrap;
	width: max-content;
  }
  
  .marquee-content:hover {
	animation-play-state: paused; /* Peatab hiirega üle minnes */
  }
  
  @keyframes scroll {
	from {
	  transform: translateX(0);
	}
	to {
	  transform: translateX(-100%);
	}
  }
  
  .marquee2 {
	border: 2px solid black;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	background-color: gainsboro;
  }
  
  .marquee-content2 {
	display: inline-block;
	animation: marquee 6000s linear infinite;
  }
  
  .marquee-content:hover {
	animation-play-state: paused;
  }
  
  @keyframes marquee {
	0% {
	  transform: translateX(-100%);
	}
	100% {
	  transform: translateX(100%);
	}
  }
  
  .box {
    height: 65px; /* Fikseeritud kõrgus, aga võid ka min-height kasutada */
	line-height: 65px;
    width: 100%; /* Laius kohandub akna suurusega */
    background-color: blue;
    font-size: 50px;
    letter-spacing: -2px;
    font-family: Helvetica;
	text-align: center;
    display: block;
    justify-content: center; /* Horisontaalne keskendumine */
    align-items: center; /* Vertikaalne keskendumine */
    flex-direction: row; /* Vaikimisi on row, pole kohustuslik */
    color: white;
	border-top: 2px solid white;
	
    box-sizing: border-box; /* Lisatud, et border ei suurendaks elementi */
	position: relative; top: -50px;
	padding: 0;
}

.värv {
	color: white;
	}

a {
	color: white;
	}

a:link {
text-decoration: none;
color: white;
}

a:hover{
	color: yellowgreen;
	}
  
  img {
	margin-top: 20px;
	margin-bottom: 35px;
	width: 2400px;
	position: relative; top: 280px;
	

  }
  
  @media (min-width: 900px) {
	h1 {
	  font-size: 200px;
	}
  }
  
  /* Täiendavad stiilid tekstile, mis liigub mööda teed */
  .text-path-container svg {
	display: block;
	margin: 50px auto;
	margin-top: -75px;
	align-items: center;
  }
  
  .textPath {
	font-size: 24px;
	font-family: Arial, sans-serif;
	fill: #333;
	color: green;
	align-items: center;
  }

  .maeitea {
	font-family: sans-serif;
		line-height: 185px;
		text-align: center;
		line-height: auto;
		letter-spacing: -10px;
		font-family: helvetica;
		font-size: 12vw;
		position: relative; top: -360px;
		background-color: transparent;
		color: black
  }

  .paragraph-text {
	font-family: sans-serif;
		line-height: 45px;
		text-align: center;
		line-height: auto;
		letter-spacing: -1px;
		font-family: helvetica;
		font-size: 3vw;
		position: relative; top: 300px;
		max-width: 82%;
		margin-left: 140px;
		color: white
}