<!--HTML--><link href="https://fonts.googleapis.com/css?family=Advent+Pro|Anton|Fjalla+One" rel="stylesheet"><style>

.crawlingout { width: 500px; 
height:500px; 
margin-top: 40px;
background-image:url('http://via.placeholder.com/500x500');}

.spiraldown { width: 388px; 
height: 396px; 
overflow: hidden;
background-color: #efefef;
padding: 4px 8px 4px 8px;
font-family: 'verdana', sans-serif;
font-size: 9px; 
color: #181B20; 
text-align: justify; 
border:48px solid #dbdbdb;
position: relative;
margin-top:-500px;
line-height:170%;}

.spiraldown u { color:#181B20; 
font-family: 'Anton', sans-serif;
text-transform: uppercase;
font-size: 40px; 
line-height:44px;
letter-spacing:2px; }

.spiraldown b { color: #297889; 
font-family: 'fjalla one', sans-serif;
font-size: 20px; 
text-transform: uppercase;
letter-spacing:1px; 
font-weight:normal;}

.spiraldown f {color:#297889;}

.spiraldown j { padding: 10px;}

.spiraldown a {text-decoration:none;
color: #297889;
text-decoration: none;}

.spiraldown a:hover {
color: #976D79;}

.spiraldown small{ font-size:6.8px;
letter-spacing:2px;
text-transform: uppercase;
font-family: 'Fjalla One', sans-serif;}

#popup { opacity: 0; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; transition: opacity .6s ease-in-out; }

#popup:hover { opacity: 1; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; transition: opacity .6s ease-in-out; }

.wendigo { width: 100px; 
text-align: center;  
font-size: 8px; 
color: #cecece; 
padding: 10px 0px 10px 0px; 
letter-spacing:2px;  }
.wendigo a { color: #a1a1a1;
text-decoration: none;
opacity: .7;}
</style>

<center>
<div class="crawlingout"></div>
<div id="popup"><div class="spiraldown"><center><p>
<a href=playlistlink><u><f>PLAYLIST TITLE!</f></u></a><br> 
<small>A PLAYLIST SOMETHING SOMETHING</small><p></center>
<j><b><a href=youtube>THIS IS A LONGish title,</a> </b>  and this is a long band name <br></j>
<j><b><a href=youtube>SONG TITLE,</a> </b>  band name <br></j>
<j><b><a href=youtube>SONG TITLE,</a> </b>  band name <br></j>
<j><b><a href=youtube>SONG TITLE,</a> </b>  band name <br></j>
<j><b><a href=youtube>SONG TITLE,</a> </b>  band name <br></j>
<j><b><a href=youtube>SONG TITLE,</a> </b>  band name <br></j>
<j><b><a href=youtube>SONG TITLE,</a> </b>  band name <br></j>
<j><b><a href=youtube>SONG TITLE,</a> </b>  band name <br></j>
<j><b><a href=youtube>SONG TITLE,</a> </b>  band name <br></j>
<j><b><a href=youtube>SONG TITLE,</a> </b>  band name <br></j>
<j><b><a href=youtube>SONG TITLE,</a> </b>  band name <br></j>
<j><b><a href=youtube>SONG TITLE,</a> </b>  band name <br></j>
<j><b><a href=youtube>SONG TITLE,</a> </b>  band name <br></j>
<j><b><a href=youtube>SONG TITLE,</a> </b>  band name <br></j>
<j><b><a href=youtube>SONG TITLE,</a> </b>  band name <br></j>
<j><b><a href=youtube>SONG TITLE,</a> </b>  band name <br></j>

</center>
</div></div>
<center><div class="wendigo"><a href=http://cttw.jcink.net/index.php?showuser=16240>H̺̙͎̽ͭ͗A̰͔̽͒V̕OC͎</a></div></center>

<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">

<style type="text/css">
.caba
{

    width: 450px; 
    height: 450px; 
    margin-top: 20px;
    margin-bottom: 20px;
    background-image:url('http://sh.uploads.ru/TBGQP.png');
    border: 3px solid #f2f2f2;
    outline: 3px double #d0d0d0;
}

.mis
{
   width: 420px;
   height: 420px;
   position: relative;
   margin-top: 15px;
   overflow:auto;
   font-family:calibri;
   font-size:12px;
   text-align:justify;
   background-color:#eeeeee;
   opacity:0;
}

.mis r
{
    font-family: 'Oswald';
    text-transform: uppercase;
    font-size: 25px; 
    color: #c84380;
}

.caba:hover .mis
{
   opacity:1;
}

.mis
{
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
}

</style>


 <center>  <div class="caba">
       <div class="mis">
<br>
<img src="http://s5.uploads.ru/YMlDF.png" alt=""><br>
<center><r>1996'</r><br>
s a c  r a m e n t o</center>
<br>
<center><r>D</r>arcy Oswald | <r>A</r>nnelene Wolfe</center>
<hr><br>
<center>на город падает тьма : засыпает шпана, просыпается мафия<br> там, под нами, копошась, муравейник разевает пасть как ротвейлер<br> и учит выживать параллельно к тому как в это время тех кто наверху<br> учат решать уравнения</center><br>
<img src="http://s5.uploads.ru/4fmCK.png" alt="">

</div>
</div></center>

<!--HTML-->

<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro|Playfair Display|Satisfy" rel="stylesheet">

<style>
#darkre { width: 250px; height: 120px; background: #a27b36; margin: 10px; line-height: 120%; overflow: auto; margin-bottom: 0px; box-shadow: -5px -5px #4d2423; display:inline-block;}
#darkin { background: #a0a0a0; padding: 20px; width: 210px; height: 70px; overflow-y: scroll}
#darkin text { font-size: 12px; color: #100f0b; text-align: justify; display: block; font-family: 'Arial', serif; line-height: 170%; } 
#darkin:first-letter { float: left; font-size: 30px; font-weight: 900; margin: 5px 15px; color: #4d2423; font-family: 'Arial'; } 
#darkre a { color: white; }
#darkin c {text-align: justify; color: #11100c; font-size: 10px;  line-height: 70%;}
</style>
<div id="darkre"><div id="darkin"><text>POST HERE</text><c>Разнообразный и богатый опыт постоянный количественный рост и сфера нашей активности требуют от нас анализа новых предложений. Повседневная практика показывает, что реализация намеченных плановых заданий играет важную роль в формировании форм развития. Разнообразный и богатый опыт реализация намеченных плановых заданий позволяет оценить значение новых предложений. Т</c></div></div><div id="darkre"><div id="darkin"><text>POST HERE</text><c>Таким образом рамки и место обучения кадров в значительной степени обуславливает создание позиций, занимаемых участниками в отношении поставленных задач. Товарищи! реализация намеченных плановых заданий в значительной степени обуславливает создание направлений прогрессивного развития.</c></div></div>