body, html { height:100% }

.wrapper {width:1200px;margin:0 auto;height:100%;position:relative;}

.logo {width:439px;height:248px;background: url(img/iPhone5.png) no-repeat center center; background-size:cover;margin:70px auto 0 auto;}

.fb-like {position: absolute !important;
left: 900px;
top: 80px;}

.content {position: relative;
overflow: hidden;
height: 3800px;
overflow: visible;
}

.content2 {
position: relative;
overflow: hidden;
height: 800px;
margin-top: 50px;
overflow: visible;
}

.mail {
font-family: 'Geo', sans-serif;
font-size: 28px;
position: relative;
overflow: hidden;
height: 3800px;
margin-top: 200px;
overflow: visible;
bottom: 148px;
left: 78px;
}

.content a {transition:opacity 0.5s;}
.content a:hover {opacity:0.8;}


.\32 013 {width:250px;height:250px;position:absolute;left:0;top:100px;}

.bottom {
    height:200px;
    position:relative;
}



.cooking {
width:270px;
height:338px;
background: url(img/dummies.gif) no-repeat center center; background-size:cover;
position:absolute;
right: 100px;
top: 350px;
box-shadow: 10px 10px 30px black;
}

.sosa {width:250px;
    height:210px;
    background: url(img/sosa.gif) no-repeat center center; background-size:cover;
    position:absolute;
left: 100px;
top: 1750px;}

.seapunk {width:440px;height:248px;background: url(img/seapunk.gif) no-repeat center center; background-size:cover;position:absolute;
right: 500px;top: 2250px;border: 30px rgb(15, 243, 207) ridge;}    

.sexysweaters {width:363px;height:369px;background: url(img/sexysweaters.jpg) no-repeat center center; background-size:cover;position:absolute;
right: 300px;
top: 2450px;}    






.shmallow {width:350px;height:305px;background:url(img/shmallow.png) center center no-repeat;background-size:cover;position:absolute;right: 100px;
top: 900px;}


.pacanstvo {
    width:400px;height:290px;background:url(img/pacanstvo.jpg) center center no-repeat;background-size:cover;position:absolute;top: 750px;
left: 150px;}

.otricala {width: 218px;
height: 217px;
background: url(img/otricala.gif) center center no-repeat;
background-size: cover;
position: absolute;
top: 1850px;
left: 150px;
z-index: 500;}

.fire {width: 50px;
height: 50px;
background: url(img/emoji/647.png) center center no-repeat;
background-size: cover;
position: absolute;
top: 0px;
left: 0px;
z-index: 500;}
    
.money {width: 50px;
height: 50px;
background: url(img/emoji/539.png) center center no-repeat;
background-size: cover;
position: absolute;
top: 0px;
left: 100px;
z-index: 500;}

.cd {width: 50px;
height: 50px;
background: url(img/emoji/549.png) center center no-repeat;
background-size: cover;
position: absolute;
top: 0px;
left: 200px;
z-index: 500;}

.gun {width: 50px;
height: 50px;
background: url(img/emoji/653.png) center center no-repeat;
background-size: cover;
position: absolute;
top: 520px;
left: -10px;
z-index: 300;}

.flymoney {
width: 50px;
height: 50px;
background: url(img/emoji/542.png) center center no-repeat;
background-size: cover;
position: absolute;
right: 70px;
top: 720px;
z-index: 300;}

.myyear {
position: absolute;
top: 70px;
left: 62%;
}

.spyglass {
width: 50px;
height: 50px;
background: url(img/emoji/655.png) center center no-repeat;
background-size: cover;
position: absolute;
left: 370px;
top: 1950px;
z-index: 300;   
}

.alien {
width: 50px;
height: 50px;
background: url(img/emoji/483.png) center center no-repeat;
background-size: cover;
position: absolute;
right: 100px;
top: 2280px;
z-index: 300;   
}

.world {width: 50px;
height: 50px;
background: url(img/emoji/188.png) center center no-repeat;
background-size: cover;
position: absolute;
top: 0px;
left: 400px;
z-index: 300;}

.bigfoot {width:385px;height:298px;background:url(img/bigfoot.png) center center no-repeat;background-size:cover;position:absolute;top: 950px;
left: 30px;}

.manifest {width: 300px;
height: 300px;
background: url(img/2013.gif) no-repeat center center;
background-size: cover;
position: absolute;
left: 60%;
top: -200px;}

.worlds {
width: 593px;
height: 429px;
background: url(img/worlds.png) no-repeat center center;
background-size: cover;
position: absolute;
left: 46%;
top: -330px;}

.adik {width: 400px;
height: 317px;
background: url(img/adiq.png) no-repeat center center;
background-size: cover;
position: absolute;
left:300px;
top:300px;
overflow:visible;
z-index:100;
}

.url {
width: 1200px;
height: 60px;
background: url(img/url.png) no-repeat center center;
background-size: cover;
position: absolute;
left: 0px;
bottom: 350px;
overflow:visible;
z-index:200;
cursor:pointer;
-webkit-transform:rotate3d(-1, 1, 0, 45deg);
-moz-transform:rotate3d(-1, 1, 0, 45deg);
-o-transform:rotate3d(-1, 1, 0, 45deg);
-ms-transform:rotate3d(-1, 1, 0, 45deg);
transform:rotate3d(-1, 1, 0, 45deg);
}

.sword1 {
    width:50px;
    height:146px;
    background:url(img/sword.gif) center center no-repeat;
    background-size:cover;
    position:absolute;
    top: 450px;
    left: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sword2 {
    width:50px;
    height:146px;
    background:url(img/sword.gif) center center no-repeat;
    background-size:cover;
    position:absolute;
    top: 450px;
    left: 50%;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

.twerk {
	font-family: 'Quicksand',sans-serif;
	font-size: 200px;
	padding: 10px;
	text-shadow: 0px 0px 20px #000000;
	color: white;
	position: absolute;
	top: 3000px;
	text-align: center;
	width: 100%;

	-webkit-animation: twerk 0.5s infinite;
	-moz-animation: twerk 0.5s infinite;
	-ms-animation: twerk 0.5s infinite;
	-o-animation: twerk 0.5s infinite;
	animation: twerk 0.5s infinite;
}

@keyframes "twerk" {
 0% {
    color: #00f0ff;
 }
 20% {
    color: #ff00c4;
 }
 40% {
    color: #00ff94;
 }
 60% {
    color: #9100ff;
 }
 80% {
    color: #ebff00;
 }
 100% {
    color: #00adff;
 }

}

@-moz-keyframes twerk {
 0% {
   color: #00f0ff;
 }
 20% {
   color: #ff00c4;
 }
 40% {
   color: #00ff94;
 }
 60% {
   color: #9100ff;
 }
 80% {
   color: #ebff00;
 }
 100% {
   color: #00adff;
 }

}

@-webkit-keyframes "twerk" {
 0% {
   color: #00f0ff;
 }
 20% {
   color: #ff00c4;
 }
 40% {
   color: #00ff94;
 }
 60% {
   color: #9100ff;
 }
 80% {
   color: #ebff00;
 }
 100% {
   color: #00adff;
 }

}

@-ms-keyframes "twerk" {
 0% {
   color: #00f0ff;
 }
 20% {
   color: #ff00c4;
 }
 40% {
   color: #00ff94;
 }
 60% {
   color: #9100ff;
 }
 80% {
   color: #ebff00;
 }
 100% {
   color: #00adff;
 }

}

@-o-keyframes "twerk" {
 0% {
   color: #00f0ff;
 }
 20% {
   color: #ff00c4;
 }
 40% {
   color: #00ff94;
 }
 60% {
   color: #9100ff;
 }
 80% {
   color: #ebff00;
 }
 100% {
   color: #00adff;
 }

}







/* .twerk:hover {
    text-shadow: 10px 10px 20px black !important;
} */

.hino {
    width:300px;
    height:308px;
    background:url(img/hino.gif) center center no-repeat;
    background-size:cover;
    position:absolute;
    top: 1300px;
    left: 50%;
    margin-left: -150px;}

.masha {
    width:400px;
    height:300px;
    background:url(img/masha.gif) center center no-repeat;
    background-size:cover;
    position:absolute;
    top: 200px;
    left: 10px;;
}

.fixed {width:100%;position:fixed;left:0px;right:5px;top:0px;background: #ffff00; /* Old browsers */
background: -moz-linear-gradient(top,  #ffff00 0%, #abdc28 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff00), color-stop(100%,#abdc28)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffff00 0%,#abdc28 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffff00 0%,#abdc28 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffff00 0%,#abdc28 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffff00 0%,#abdc28 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#abdc28',GradientType=0 ); /* IE6-9 */
height:30px;z-index:3000;}

.fixed ul {
    position:absolute;
    text-transform: uppercase;
    padding:0px;
    margin:0px;
    margin-top:5px;
}

.fixed li {
    list-style: none;
    display: inline;
    font-family: 'Maven Pro', sans-serif;
    font-size:0.9em;
    padding: 2px;
    color:black;
    margin:0;
    border: 2px solid black;
    border-radius:3px; 
}

.archive {
    position:relative;
    bottom:5px;
    right:5px;
}

.fixed li:first-child, .fixed li:first-child:hover {border:none;}

.fixed li:hover {
    border-style:dotted;
}

.fixed li:first-child {margin-left:3px;}

a {text-decoration:none;color:black;}

.sexy-sweater {width:300px;height:310px;background: url(img/sexy-sweater.gif) no-repeat center center; background-size:cover;float:left;}

.video {width: 350px; height: 197px; overflow: hidden;z-index:-5;}

.blckdlphn {
position: absolute;
top: 1800px;
right: 170px;
-webkit-transform: skew(-10deg,0deg);
-moz-transform: skew(-10deg,0deg);
-o-transform: skew(-10deg,0deg);
-ms-transform: skew(-10deg,0deg);
transform: skew(-10deg,0deg);}

.flames {
background:url(img/flames.png) center center no-repeat;
width:523px;
height:414px;
position: absolute;
top: 1500px;
right: 10px;
z-index:12;
}

.caption {width: 98%;
height: 70px;
float: left;
clear: both;
bottom: 0;
margin-top: 10px;
resize: none;
left: 20px;
font-family:sans-serif;}

.ok {float: right;
clear: both;
margin-top: 8px;
margin-right: 0;}

img {position:relative;left:100px;top:0px;margin-bottom:200px;}

.text {
    font-family: 'Roboto', sans-serif;
    font-size: 3em;
    letter-spacing: 10px;
    display: inline-block;
    background: yellow;
    text-decoration: underline;
    float: left;
    margin-top: -205px;
    margin-left: 190px;
}



.vaporwave {
width:300px;
height:293px;
background: url(img/windows.png) no-repeat center center;
background-size:cover;
position:absolute;
top:3400px;
left:200px;
-webkit-transform:rotateZ(20deg);
-moz-transform:rotateZ(20deg);
-o-transform:rotateZ(20deg);
-ms-transform:rotateZ(20deg);
transform:rotateZ(20deg);}

.cds {
width:543px;
height:195px;
background: url(img/cds.png) repeat-x center center;
position:absolute;
top:3200px;
left:-40px;   
}

.tribal {
width:643px;
height:140px;
background: url(img/tribal.png) repeat-x center center;
background-size:cover;
margin:0 auto;
border-top:solid white 50px;
border-bottom:solid white 50px;
}

.keyboards {width:400px;height:300px;background:url(img/vaporwave.gif) no-repeat center center;background-size:cover;z-index:3;margin-left: 170px;margin-top: 50px;}

.drugs {width:300px;height:190px;background:url(img/drugs.gif) no-repeat center center;background-size:cover;z-index:3;margin-left:-15px;}
    
.hdmix {
width: 250px;
height: 250px;
background: url(img/acidhd.png) no-repeat center center;
background-size: cover;
position: absolute;
left:700px;
top:0px;
}