the penguin! oswald cobbletpott

Tags: white, black, batman

Description:

credits for the pfp circule!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by The Sun people (https://layouts.spacehey.com/layout?id=99220) -->

<div style="float:  ; max-height: 600px; position: fixed; right: 8px; bottom: 18px; z-index: 600;">
<img src="https://media.discordapp.net/attachments/1060077455743909889/1206031410297573486/2fdb0cbd7e6b225813b7e4442b4edc9a-removebg-preview.png?ex=65da8747&is=65c81247&hm=3fdb8208f6d70aae078f332adb893e2d8b403ef77e44bff63bfd0fd5d9ee13b4&=&format=webp&quality=lossless&width=600&height=600"/></div>

<style>

.logo {

content:url("");

}
</style>


<style>* {cursor: url(https://pixels.crd.co/assets/images/gallery18/a98ad582.gif?v=379361a4), url(https://pixels.crd.co/assets/images/gallery02/88488dee.gif?v=379361a4), auto !important;}</style>


<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('https://gifcity.carrd.co/assets/images/gallery06/0fc2ce1b.gif?v=26dffab5') no-repeat;
  background-size: 70px;
  display: block;
  width: 200px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -22px;
  left: 108px;
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
p{
  font-family: 'Bebas Neue', cursive;
  font-size: 100%;
 color: black; 
}
h1,h2,h3,h4,h5{
  font-family: 'Bebas Neue ', cursive;
  font-size: 150%;  
 color: black;
}

.profile {
background-image:url(https://i.pinimg.com/564x/d8/32/26/d8322603e5ac7cf5327829847fa20941.jpg);
}
main {
background: transparent;
border: 3px solid white;
}

nav .links .special a {
color: white;
}

nav{ 
color: transparent;
font-size: 13px !important;
text-transform:none;
text-align: center;
    }

nav .links {
background: transparent;
box-shadow: 5px 0px 10px 6px black;
}

nav .top{
background-image:url(https://i.pinimg.com/736x/c3/43/09/c34309375b7efd5dd17047e02db86ffd.jpg);
box-shadow: 0px 5px 10px 6px white;
}

nav .top a{
color: transparent !important;
}

nav .top label{
color: transparent;
    }
:root {
--logo-blue:white;
--darker-blue: ;
--lighter-blue: white;
--even-lighter-blue:;
--lightest-blue:;
--dark-orange:;
--light-orange: white;
--even-lighter-orange:;
--green:;
}

}
.profile h1 {
font-family:'Bebas Neue', cursive;
    font-size: 2em;
    color: black;
}
p {
font-family:'Bebas Neue', cursive;
color: grey;
   } 

a {
font-family:'Bebas Neue', cursive;
font-size: 11px;
     color: grey; 
   }

a:hover {
font-family:'Bebas Neue', cursive;
     color: black; 

}
    .count {
font-family:'Bebas Neue', cursive;
        color: black;
    }

.profile .friends .person p {
font-family:'Bebas Neue', cursive;
color: grey;  
}
.profile .friends .person p:hover {
font-family:'Bebas Neue', cursive;
color: grey;  
}

h4 {
font-size: 11px !important;
color: black;
font-family:'Bebas Neue', cursive;
 }


.friends p, .friends a {
color: black;
}

.details-table td a {
color: grey;
}

.details-table td p {
color: grey;
font-size: 14px;
}

.profile .blurbs .section h4 {
text-align: center;
font-size: 14px;
color: pink;
border: 9px grey;
}
.friends:not(#comments) {
  margin-bottom: 20px!important;
  border: 1px solid pink!important;
  box-shadow: 2px 2px 6px grey;
  text-align: center;
}
#comments {
  border: 1px solid transparent!important;
  box-shadow: 2px 2px 6px black;
}
.comments-table {
  border: none;
  border-spacing: 5px;
}
.comments-table td {
  background-color: transparent!important;
  border: none;
  text-align: center;
}</style>

<style>

main:before {

width: 100%;

height: 200px;

display: block;

content: "";

background-image: url('https://i.pinimg.com/564x/bc/a2/ad/bca2ad6aa75d6f7c5d5a59ba199d48b2.jpg');

background-position: center center;

background-size: cover;

}

@media only screen and (max-width: 550px) {

main:before{

height: 150px;

</style>

}
<style>
body{
background-image:url('https://img.redro.pl/plakaty/umbrella-seamless-pattern-rain-isolated-cartoon-tile-wallpaper-repeat-background-doodle-illustration-white-black-design-400-252730231.jpg');
}
<style>
}
</style>

<style>.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 1em;
    display: block
   }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	    /* add to friends */
	    content: url("https://gifcity.carrd.co/assets/images/gallery12/45269e1a.gif?v=26dffab5")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://gifcity.carrd.co/assets/images/gallery12/45269e1a.gif?v=26dffab5")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://gifcity.carrd.co/assets/images/gallery12/45269e1a.gif?v=26dffab5")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://gifcity.carrd.co/assets/images/gallery12/45269e1a.gif?v=26dffab5")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://gifcity.carrd.co/assets/images/gallery12/45269e1a.gif?v=26dffab5")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://gifcity.carrd.co/assets/images/gallery12/45269e1a.gif?v=26dffab5")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://gifcity.carrd.co/assets/images/gallery12/45269e1a.gif?v=26dffab5")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://gifcity.carrd.co/assets/images/gallery12/45269e1a.gif?v=26dffab5")
    } </style>



<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>

<style>
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
</style>

<style>.online {content:url('https://gifcity.carrd.co/assets/images/gallery75/82676cd1.gif?v=26dffab5'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}</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.