<!DOCTYPE html>
<html lang="eng">

<head>
  <title>F Society</title>
  <link href="https://fonts.googleapis.com/css?family=Major+Mono+Display|Roboto+Mono|VT323" rel="stylesheet">
</head>

<body>
  <section class="one">
    <div class="steve">
      <p>Oh I don't know,<br> is it that we collectively thought Steve Jobs was a great man even when we knew he made billions off the backs of children?</p>
    </div>
    <div class="heroes">
      <p>Or maybe it's that it feels like all our heroes are counterfeit;<br> the world itself's just one big hoax.</p>
    </div>
    <div class="spam">
      <p>Spamming each other with our burning commentary of bullshit masquerading as insight, our social media faking as intimacy.</p>
    </div>
  </section>
  <section class="two"> <div class="vote">
    <p>.<br>.<br>.<br>Or is it that we voted for this?</p>
    </div>
    <div class="elect">
      <p>Not with our rigged elections, but with our things, our property, our money.</p>
      <p>I'm not saying anything new.</p>
      <p>We all know why we do this, not because Hunger Games books makes us happy but because we wanna be sedated.</p>
      <p>Because it's painful not to pretend, because we're cowards.</p>
  </section>
  <h1>Fuck Society.</h1>
</body>
<footer>Mr.ROBOT</footer. </hmtl>
body {
  font-family: 'Roboto Mono', monospace;
  font-size: 1.5em;
  background: #000;
  color: #fff;
  
}


h1 {
  font-family: 'VT323', monospace;
  font-size: 2em;
}

footer {
  font-family: 'Major Mono Display', monospace;
}

.one {
  margin-left: 100px;
  max-width: 900px;
  font-family: VT323;
  font-size: 1.3em;
}

.two {
  text-align: center;
  max-width: 1000px;
  margin: auto 0;
  
}

.heroes {
  margin-left: 200px;
  max-width: 300px;
}

.spam{
  margin-left: 400px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.