<!--HTML--><style type="text/css">
.coolfor .forthe {
    border-color: transparent transparent rgba(102, 94, 161, 0.48) transparent;
}
.coolfor .thesummer {
    background-color: rgba(162, 159, 230, 0.42);
}
.coolfor .coolfori { background-color: rgba(245, 36, 140, 0.28); }
.coolfor:hover .coolfori { opacity: .99; transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; }
.coolfor .coolforthe {
    text-shadow: 1px 1px 0px #7173ad, 0 0 0px #fff;
}
.coolftsummers::-webkit-scrollbar-thumb { background-color: rgba(230, 109, 171, 1); }
.bcreds a, .bcreds { font-size: 8px; font-family: calibri, sans-serif; text-align: center; line-height: 100%; text-transform: uppercase; }
.navi3 a {
    display: inline-block;
    font-size: 10.5px;
    background: #704b94;
    box-shadow: inset 0 0 12px #a180b9;
    box-shadow: 1px 1px #eff1f7;
    color: #ffffff!important;
    padding: 2px 2px 3px 2px;
    margin: 1px!important;
    text-transform: lowercase;
    transition: 0.1s;
    text-align: center;
    font-family: cuprum;
    width: 65px;
}
.coolfor { width: 300px; height: 400px; position: relative; overflow: hidden; margin: auto; }
.coolfor .forthe { position: absolute; bottom: 0px; left: 0px; width: 0; height: 0; border-style: solid; border-width: 0 0 150px 300px; transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; }
.coolfor:hover .forthe { bottom: 200px; transition: all .6s ease-in-out .3s; -webkit-transition: all .6s ease-in-out .3s; -moz-transition: all .6s ease-in-out .3s; -ms-transition: all .6s ease-in-out .3s; -o-transition: all .6s ease-in-out .3s; }
.coolfor .thesummer { width: 300px; height: 200px; position: absolute; bottom: -200px; left: 0px; transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; }
.coolfor:hover .thesummer { bottom: 0px; transition: all .6s ease-in-out .3s; -webkit-transition: all .6s ease-in-out .3s; -moz-transition: all .6s ease-in-out .3s; -ms-transition: all .6s ease-in-out .3s; -o-transition: all .6s ease-in-out .3s; }
.coolfor .coolfori { width: 300px; height: 400px;  position: absolute; top: 0px; left: 0px; opacity: 0; transition: all .6s ease-in-out .3s; -webkit-transition: all .6s ease-in-out .3s; -moz-transition: all .6s ease-in-out .3s; -ms-transition: all .6s ease-in-out .3s; -o-transition: all .6s ease-in-out .3s; }
.coolfor:hover .coolfori { opacity: .99; transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; }
.coolfor .coolforthe {
    position: absolute;
    transform: rotate(-26.5deg);
    -webkit-transform: rotate(-26.5deg);
    -moz-transform: rotate(-26.5deg);
    -ms-transform: rotate(-26.5deg);
    -o-transform: rotate(-26.5deg);
    font-family: 'bebas neue';
    color: #fff;
    text-transform: lowercase;
    font-size: 33px;
    line-height: 100%;
    width: 300px;
    text-align: center;
    left: 0px;
    bottom: 75px;
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
}
.coolfor:hover .coolforthe { transition: all .6s ease-in-out .3s; bottom: 250px; left: 0px; transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.coolfor .forthesummer { position: absolute; left: 0px; top: 150px; width: 300px; color: #fff; font-size: 8px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; line-height: 100%; text-align: center; opacity: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
.coolfor:hover .forthesummer { opacity: .99; transition: all .6s ease-in-out .6s; -webkit-transition: all .6s ease-in-out .6s; -moz-transition: all .6s ease-in-out .6s; -ms-transition: all .6s ease-in-out .6s; -o-transition: all .6s ease-in-out .6s; }
.coolfor .coolftsummer { width: 220px; height: 175px; padding: 20px; background-color: #fff; bottom: 20px; left: 20px; position: absolute; opacity: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
.coolfor:hover .coolftsummer { opacity: .99; transition: all .6s ease-in-out .6s; -webkit-transition: all .6s ease-in-out .6s; -moz-transition: all .6s ease-in-out .6s; -ms-transition: all .6s ease-in-out .6s; -o-transition: all .6s ease-in-out .6s; }
.coolftsummers {
    width: 135px;
    height: 175px;
    padding-right: 5px;
    overflow: auto;
    font-size: 9px;
    color: #444;
    text-align: justify;
    line-height: 100%;
    font-family: 'Montserrat', sans-serif;
}
.coolftsummers::-webkit-scrollbar { width: 3px; height: 3px; padding: 0px; border: 0px; }
.coolftsummers::-webkit-scrollbar-track { background-color: #fff; }
</style>
<link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'> 

<div class="coolfor"><img src="http://savepic.net/9347130.png"/><div class="coolfori"></div> <div class="forthe"></div><div class="thesummer"></div> <div class="coolforthe"> olympus welcomes you</div>
<div class="forthesummer"> ♛ neon drive ♛ team olympus ♛ </div>
<div class="coolftsummer"><div class="coolftsummers">

Cupcake ipsum dolor sit amet halvah ice cream donut gummi bears. I love macaroon liquorice dragée chocolate cake ice cream chocolate cake marzipan marshmallow. Tiramisu pastry sesame snaps lemon drops sweet cupcake marshmallow chocolate. Jelly beans tootsie roll pie. Candy marzipan macaroon powder I love I love. Lemon drops toffee chupa chups chocolate. <p>Sesame snaps powder sweet roll cupcake chocolate cake sesame snaps.
Danish caramels caramels gingerbread jujubes I love gummies.

</div>
<div style="margin-left: 150px;
    margin-top: -179px;position: absolute;">
<div class="navi3">

<a href="" original-title="">гостевая</a><a href="ссылка" original-title="">фак</a> <a href="" original-title="">лз</a> <a href="ссылка" original-title="">правила</a> <a href="ссылка" original-title="">лс</a><a href="ссылка" original-title="">имена</a><a href="ссылка" original-title="">лз</a><a href="ссылка" original-title="">флуд</a><a href="ссылка" original-title="">фак</a></div>

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