/* About */
function About() {
  return (
    <section id="about" className="section">
      <div className="section-head">
        <h2 className="section-title">About <em style={{ color: "rgb(0, 200, 255)" }}>me</em>.</h2>
        <div className="section-meta">
          <span className="num">01</span>
          <span>a quick hello</span>
        </div>
      </div>
      <div className="about">
        <div className="about-card">
          <span className="pin"></span>
          <span className="marg">at a glance →</span>
          <h4>Quick stats</h4>
          <div className="grid">
            <div><span style={{ color: "rgb(0, 121, 255)" }}>HYPER-FIXATIONS
-WATTPAD FAN(ESP MD FANFICTION) 
-MURDER DRONES, INVINCIBLE, GRAVITY FALLS,DIGITAL CIRCUS OWL HOUSE OR ANY TEEN CARTOON</span><span style={{ color: "rgb(0, 121, 255)" }}></span></div>
            <div><span style={{ color: "rgb(0, 120, 255)" }}>Plays</span><span>PIANO


WANTS TO PLAY THE ELECTRIC GUITAR</span></div>
            <div><span style={{ color: "rgb(0, 118, 255)" }}>Sketches</span><span>OC's, favourite characters, emotional drawings etc...</span></div>
            <div><span>Currently</span><span>Just existing</span></div>
            <div><span style={{ color: "rgb(0, 121, 255)" }}></span><span></span></div>
            <div><span>Mood</span><span>Overworked</span></div>
          </div>
        </div>
        <div className="about-text">
          <p>
            I'm Noora, a high school student passionate about the arts. I enjoy creative writing, painting, drawing, playing the piano, fashion designing, working out, and making YouTube videos. I dream to create stories which can be transformed into animated shows and movies, which can have a positive long-lasting affect on peoples lives. Spoilers, I come late to lunch-time, and sleep late—in order to write down and organize my ideas into stories. I'm a huge dreamer, and I want to be good at everything I go after. <em></em> in the margins of notebooks, then types it up at midnight. I sketch the covers myself, score them with piano improvisations, and occasionally redesign the wardrobe of every character along the way.
          </p>
          <p className="small">This little site is part personal homepage for myself, part school project, part reminder. It's a place to keep my stories, and interests alive.

          </p>
        </div>
      </div>
    </section>);}window.About = About;