<!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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.