001. Rontel

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Spectral:300,300i,400,400i,600,700,700i');

.pfor {
display: none;
}
body, a, a:hover {
cursor: url(http://i.picpar.com/KA5d.png), auto;
}
#profile {
background-color: transparent; border: 0px;
}
body{
background: #aaadad;
}
::-webkit-scrollbar-thumb:vertical{
width: 0px;
background-color:  transparent;
}
::-webkit-scrollbar {
width: 0px;
background-color: transparent;
}
::selection {
background: #222;
color: #fff;
}
::-moz-selection {
background: #222;
color: #fff;
}


.image{
position: fixed; margin: auto;
top: -250; left: 0; right: 0; bottom: 0;
height: 200px; width: 300px;
background-repeat: no-repeat;
background-position: center;

background-image: url('http://i.picpar.com/aB5d.png'); /* - insert image url here. -*/

}

.border{
position: fixed; margin: auto;
top: -30px; left: 0; right: 0; bottom: 0;
height: 1px; width: 50px;

background: linear-gradient(to right, transparent, #222, transparent); /*- change the middle number to match font. */
}

.title{
position: fixed; margin: auto;
top: 0; left: 0; right: 0; bottom: 0;
height: 25px; width: 300px;
text-align: center;
font-family: spectral;
font-size: 15px;
font-weight: 100;
text-transform: uppercase;
letter-spacing: 2px;
word-spacing: 3px;
line-height: 25px;

color: #222; /*- change text color here. */
}

.text{
position: fixed; margin: auto;
top: 0; left: 0; right: 0; bottom: -205px;
height: 150px; width: 300px;
text-align: justify;
font-family: open sans;
font-size: 11px;
line-height: 115%;
font-weight: 500;
overflow: auto;

color: #222; /*- change text color here. */
}

a{
text-decoration: none;
padding: 1px;
margin: 2px;
font-family: spectral;
font-size: 10px;
font-style: italic;

background: transparent;
border-bottom: 1px solid #636381; /*- link border color. -*/
color: #232323; /*- link text color. -*/
transition: .4s linear;
}

a:hover{
background: #636381; /*- link bg color, on hover. -*/
color: #fff; /*- link text color, on hover. -*/
transition: .4s linear;
}

a.friend{
text-decoration: none;
background: #636381; /*- friend bg color. -*/
border-bottom: 1px solid #636381; /*- friend border color. -*/
color: #fff; /*- friend link color. */
padding: 2px;
margin: 1px;
transition: .4s linear;
}
a.friend:hover{
background: transparent;
color: #222; /*- friend link color, on hover. */
transition: .4s linear;
}

h1{
text-align: center;
font-family: spectral;
font-size: 13px;
font-weight: 500;
text-transform: lowercase;
letter-spacing: 2px;
word-spacing: 3px;
line-height: 10px;
color: #232323;
}

</style>

<div class="image"></div>
<div class="border"></div>
<div class="border" style="top: 0; bottom: -30px;"></div>
<div class="border" style="top: 0; bottom: -390px;"></div>

<div class="title"> Rontel by Sam Pink </div>
<div class="text">
Maybe no series. Nothing connected. Blankness responding to my sonar. No people to talk to. No signs. No things. No, there were things. But there was no single thing, only things. And I couldn’t get the things to work together. I’d make like, two or three work, but then I’d realize those two or three things were attached to everything else, which never worked. Because other things would say, “No, we’re not going to work with these things.” And the possibility of mishandling the events of my life or any life was so likely and so final, it stunned me from wanting anything. Which was terrible because I was always the furthermost moment in time, passing into the next furthermost moment. Chicago, Illinois. United States of America. 2012. The latest in shithead technology. Breathing, on a street corner. Endless options, mine.
</div>