<script lang="typescript">
	
</script>

<svelte:head>
	<title>!!Sludge Fest 2025!!</title>
	<meta name="description" content="Sludge Fest's internet facing spot" />
</svelte:head>

<section>
  <h1>August 9 2025</h1>
  <h2>This time its brown</h2>
  <h2>At Sludge Farm</h2>
  <p>Come out and enjoy live music and fun times</p>
  <p>If you'd like to perform fill out this <a href="https://forms.gle/CNUuN6guAWnUVqw19"> Artist Application </a></p>

</section>

<style lang="scss">
  @use '/src/app.scss' as *;

	:global(body){
    background-color: $brown;
  }

  section{
    width: 100%;
    text-align: center;
    padding-top: 2rem;
    text-shadow: 3px 3px 3px $green;
    h1{
      font-size: 3rem;
      font-weight: 600;
    }
    h2{
      font-size: 2rem;
    }
  }
</style>