Pink Emo/Scene Layout <3

Tags: skelanimals, pink, emo, gir, scene

Description:

cute pink scene/emo layout with a gir into gif and gir cursor ! if you'd like for me to make a layout with different pictures/gifs, feel free to msg me ! im still new to html/css but im figuring it out!

Code:

<!-- (c) Layout created by Gir (https://layouts.spacehey.com/layout?id=19035) -->

<style>
  .profile .blurbs .section :nth-child(2) {
	background-image: url(https://media.giphy.com/media/EHTreeVKWm2lsFH4ed/giphy.gif);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px 0 #000;
    border:15px #;
    border-radius: 15px;
}

.profile .profile-info .inner h3 {
	filter: drop-shadow(3px 3px 0 #000000);
	margin: 0!important;
	color:#FB48C4;
}
.profile .profile-info .inner h3 a {
	color: #FB48C4;
}
.profile .profile-info {
	background-image: url(https://media.giphy.com/media/EHTreeVKWm2lsFH4ed/giphy.gif);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #FB48C4;
	text-align: center;
	animation: nineties1 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}  
</style>

<style>

body {
font-size: 12pt;
font-weight: normal;
font-style: normal;
text-decoration: none;
}



h1 {
  color: white;
  text-shadow: 1px 1px 2px #FB48C4, 0 0 25px #FB48C4, 0 0 5px #FB48C4;
}

h1, h2, h3, h4,p {color: white;}

:root {

--darker-blue: green;
</style>

<style>
    main{
        background: url(https://i.pinimg.com/originals/62/04/17/620417d395401ee24b0f5516e0b4bd8f.jpg);
    }
</style>

<style>
    :root {
        --logo-blue: url(https://media.giphy.com/media/W1ts14JWtoIbLY8Iu1/giphy.gif);
        --darker-blue: #ffffff;
        --lighter-blue: #FB48C4;
        --even-lighter-blue: #FB48C4;
        --lightest-blue: #FB48C4;
        --dark-orange: #ffffff;
        --light-orange: #FB48C4;
        --even-lighter-orange: #FB48C4;
        --green: #FB48C4;
    }
</style>


<style>
    body{
        background: url(https://media.giphy.com/media/Y7RNuWlXlTekAvjimj/giphy.gif);
    }
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/toons/too-4/too354.ani), url(https://cur.cursors-4u.net/toons/too-4/too354.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2006/04/01/too354-2-2-2-2.html" target="_blank" title="Invader Zim - Gir"><img src="https://cur.cursors-4u.net/cursor.png" alt="Invader Zim - Gir" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
body:before {
	content: "";
	height: 100vh;
	width: 100vw;  
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://media.giphy.com/media/ogs2nLGHymQcU/giphy-downsized-large.gif');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 2s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
</style> 

<style>
    .general-about {
	background-image: url(https://media.giphy.com/media/W1ts14JWtoIbLY8Iu1/giphy.gif);
	padding: 20px;
	border-radius: 1px;
	box-shadow: 4px 4px 0 #FB48C4;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
</style>

<style>
  footer 
{
background-image: url(https://media.giphy.com/media/W1ts14JWtoIbLY8Iu1/giphy.gif);
}
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.