import React from "react";

const Info = () => {
  return (
    <div className="Info">
      <h1>Sandspiel </h1>
      <br></br>
      <p>
        Created by <a href="https://maxbittker.com">max bittker</a>, modified by
        funkyhippo
      </p>
      <br></br>
      <p>
        Make sure you play the original{" "}
        <a href="https://sandspiel.club/">here</a>!
      </p>
      <br></br>
      <hr />
      <h2>Element Information:</h2>
      <h4>Wall </h4>
      Indestructible
      <h4>Sand </h4>
      Sinks in water
      <h4>Water </h4>
      Puts out fire
      <h4>Stone </h4>
      Forms arches, folds under pressure
      <h4>Ice </h4>
      Freezes Water, slippery!
      <h4>Gas </h4>
      Highly Flammable!
      <h4>Cloner </h4>
      Copies the first element it touches
      <h4>Mite </h4>
      Eats wood and plant, but loves dust! Slides on ice
      <h4>Wood </h4>
      Sturdy, but biodegradable
      <h4>Plant </h4>
      Thrives in wet enviroments
      <h4>Fungus </h4>
      Spreads over everything
      <h4>Seed </h4>
      Grows in sand
      <h4>Fire </h4>
      Hot!
      <h4>Lava </h4>
      Flammable and heavy
      <h4>Acid </h4>
      Corrodes other elements
      <h4>Dust </h4>
      Pretty, but dangerously explosive
      <h4>Oil </h4>
      Produces smoke
      <h4>Rocket </h4>
      Explodes into copies of the first element it touches
      <hr />
      <hr />
      <hr />
      <hr />
    </div>
  );
};

export default Info;
