Hypnospace Pizza For Big monitors (broken for 1920 x 1080)

Tags:
Description:

My pizza code for my big ass monitor
Code:

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


<style>
@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap');
body{font-family: 'Pixelify Sans', sans-serif;}
</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://i.ibb.co/sHXsdrd/ezgif-2-6721b7aa1c.gif")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url("https://i.ibb.co/sHXsdrd/ezgif-2-6721b7aa1c.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url("https://i.ibb.co/sHXsdrd/ezgif-2-6721b7aa1c.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url("https://i.ibb.co/sHXsdrd/ezgif-2-6721b7aa1c.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
        content: url("https://i.ibb.co/sHXsdrd/ezgif-2-6721b7aa1c.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
        content: url("https://i.ibb.co/sHXsdrd/ezgif-2-6721b7aa1c.gif")

}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url("https://i.ibb.co/sHXsdrd/ezgif-2-6721b7aa1c.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url("https://i.ibb.co/sHXsdrd/ezgif-2-6721b7aa1c.gif")
}
</style>

<style>
* a {
color: #dbb1e8 !important;
}

a * {
color: #dbb1e8 !important;
}
?
</style>

<style>
body
        {background-image: url(https://media.discordapp.net/attachments/976348843543248906/1231055586062499950/firebrix1.png?ex=663590db&is=66231bdb&hm=7ce3c05b194246c17669dbc784a27f67a2746ca2ccad2bd10b3b0c876ca38df7&=&format=webp&quality=lossless&width=240&height=240) ; 
     background-color: #121512!important;
     background-attachment: fixed !important;
     margin: 0;
     padding: 0

main {
}
.general-about {
    color: ; 
    border-radius: 5px;
    border: white 4px;
    padding: 1px;
    height: 180px;
    background-image: url(https://media.discordapp.net/attachments/976348843543248906/1231055586062499950/firebrix1.png?ex=663590db&is=66231bdb&hm=7ce3c05b194246c17669dbc784a27f67a2746ca2ccad2bd10b3b0c876ca38df7&=&format=webp&quality=lossless&width=240&height=240);
    border-left: 5px solid;
    border-right: 5px solid ;
    border-top: 5px solid ;
    border-bottom: 5px solid ;
    
}</style>

<style>
nav .info {
background: #313144;
}
nav .top{
  background-image: url(https://cdn.discordapp.com/attachments/1136738833820565607/1231334762757492836/Hypno_explor_top.png?ex=663694dc&is=66241fdc&hm=c1c21076ab86e277465ea8fda50497e321edc5c3d6ca37182bef714324a02fb3&);
  border-top: 3px white;
  animation-name: floating; animation-duration: 4s; 
  animation-iteration-count: infinite; animation-timing-function: ease-in-out;
  filter: drop-shadow(0px 0px 4px SlateGray);
  color: #fff !important;
  font-weight: 800;
}
nav .links{
  background-image: url(https://media.discordapp.net/attachments/1136738833820565607/1231338432362582067/hypno_search.png?ex=662574c7&is=66242347&hm=443f9879ab0b5a206abc3775bacba09c0d6322fdf476a2a57b4539f7d373e989&=&format=webp&quality=lossless&width=1546&height=60);
  margin-bottom: 0px;
  margin-top: 0px
  animation-name: floating; animation-duration: 4s; 
  animation-iteration-count: infinite; animation-timing-function: ease-in-out;
  filter: drop-shadow(0px 0px 0px SlateGray);
  text-shadow: 0 0 7px white;
  color: #ddb2ef!important;
  font-weight: 800;
</style>

<style>
main {
background-image: url(https://media.discordapp.net/attachments/976348843543248906/1231055586062499950/firebrix1.png?ex=663590db&is=66231bdb&hm=7ce3c05b194246c17669dbc784a27f67a2746ca2ccad2bd10b3b0c876ca38df7&=&format=webp&quality=lossless&width=240&height=240);
color: White;
padding: 1px;
border-left: 3px solid;
border-right: 3px solid ;

border-bottom: 3px solid;

}
.heading, .url-info {
color: white !important;
background-image: url: ;
background-color: #96c6f3 !important;
border: 1px solid  !important;
}
.inner {
color: white !important;
border: 1px solid ;
border-top: none;
background-color: #313144!important;

}
.profile-info {
border: 1px solid ;

}
.profile-info .inner {
border: none;

}
.friends .inner {
}

}
#comments {
border-bottom: 1px solid ;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .inner h4 {
color: white !important;
}
.details-table {
margin: 1px;
}
.details-table, td {
border: 1px solid ;
border-collapse: collapse;
}
td {
color: white !important;
background-image:);
background-color: #313144!important;
} 
table.details-table {
max-width: 98%;

}
.profile h1 {
font-size: 30px;
background-image: url(https://media.discordapp.net/attachments/976348843543248906/1231055586062499950/firebrix1.png?ex=663590db&is=66231bdb&hm=7ce3c05b194246c17669dbc784a27f67a2746ca2ccad2bd10b3b0c876ca38df7&=&format=webp&quality=lossless&width=240&height=240)!important;
 border-left: 5px solid;
    border-right: 5px solid ;
    border-top: 5px solid ;
    border-bottom: 5px solid ;
}
footer {
background-image: url(https://media.discordapp.net/attachments/976348843543248906/1231055586062499950/firebrix1.png?ex=663590db&is=66231bdb&hm=7ce3c05b194246c17669dbc784a27f67a2746ca2ccad2bd10b3b0c876ca38df7&=&format=webp&quality=lossless&width=240&height=240); ;
border: 5px solid white ;
}
footer p {
color white !important;

}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid ;
margin: 1px;
}
nav .info {
background: none;
}
</style>

<img src="https://pixelrino.neocities.org/hypnogifarchive/pizza-dance.gif" width="500"/>
<img src="https://pixelrino.neocities.org/hypnogifarchive/pizza-rotate.gif" alt="giphy-2" width="500" height="500" class="giphy-embed"/> 


<div style="float:  ; max-height: 21px; position: fixed; left: px; right: 365px; top: 280px; z-index: 200;">
<img src="https://pixelrino.neocities.org/hypnogifarchive/pizza-rotate.gif"/>


<div style="float:  ; max-height: 200px; position: fixed; left: 370px; bottom: 85px; z-index: 200;">
<img src="https://pixelrino.neocities.org/hypnogifarchive/pizza-rotate.gif"/>

<div style="float:  ; max-height: 200px; position: fixed; left: 400px; bottom: 100px; z-index: 200;">
<img src="https://pixelrino.neocities.org/hypnogifarchive/pizza-dance.gif"/>


<div style="float:  ; max-height: 21px; position: fixed; left: px; right: 400px; top: 200px; z-index: 200;">
<img src="https://pixelrino.neocities.org/hypnogifarchive/pizza-dance.gif"/>

<div style="float:  ; max-height: 21px; position: fixed; left: 80px; right: 400px; top: 500px;  z-index: 200;">
<img src="https://pixelrino.neocities.org/hypnogifarchive/pizza-rotate.gif" width="500"/>

<div style="float:  ; max-height: 21px; position: fixed; left: 80px; right: 400px; top: 200px;  z-index: 200;">
<img src="https://pixelrino.neocities.org/hypnogifarchive/pizza-dance.gif" width="500"/>

<div style="float:  ; max-height: 21px; position: fixed; left: px; right: 300px; top: 900px;  z-index: 200;">
<img src="https://pixelrino.neocities.org/hypnogifarchive/pizza-rotate.gif" width="500"/>
<div style="float:  ; max-height: 21px; position: fixed; left: px; right: 300px; top: 600px;  z-index: 200;">
<img src="https://pixelrino.neocities.org/hypnogifarchive/pizza-dance.gif" width="500"/>

<div style="float:  ; max-height: 21px; position: fixed; left: 0px; right: 00px; bottom: 1300px;  z-index: 200;">
<img src="https://i.ibb.co/crFB3rz/drpizzalogo.png" width="200" height="200"/>
<style></style>

<style>
@keyframes dancing-pizza{
  from{ left:-150px; }
  to{ left:calc(100% + 200px); }
}
#pizza{
  position: fixed;
  left: -150px;
  bottom: -1px;
  width: 105px;
  animation: dancing-pizza 25s infinite linear;
  pointer-events: none;


}
</style>
<img id="pizza" src="https://i.ibb.co/QpbyX47/pizza-dance.gif"/>




<iframe width="0" height="0" src="https://www.youtube.com/embed/aHZFdg297u8?si=aDLxyWi5OTeq0Kwu//?&;amp;;autoplay=1&;loop=1&;controls=1" title="Deftones-Change" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe></div></div></div></div></div></div></div></div></div>
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.
Comments

Displaying 0 of 0 comments ( View all | Add Comment )