hawaii part II layout!!!

Tags: miracle musical, tallyhall, tally hall, joe hawley, pixel, layout, gif, autoplay, music
Description:

erm what the sigma ANYWAYS no credit needed,,, but comment if ur using pls
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by ⊹ ࣪ ˖ Juno / Sage (https://layouts.spacehey.com/layout?id=104135) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap');
body{font-family: 'Pixelify Sans';}
</style>


<style>
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
h2, h3, h4 {font-family: 'DotGothic16', sans-serif;}
</style>

<style>
.blurbs .inner .section:nth-child(1) h4{ font-size:0; }
.blurbs .inner .section:nth-child(1) h4:before{ content: "私について"; font-size:.8rem; font-family: "DotGothic16";}
/*translation: "About me". You can change it back to its original title if you want!!*/
</style>

<style>
.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "会いたい人"; font-size:.8rem; font-family: "DotGothic16";}
/*translation: "Who i'd like to meet". You can change it back to its original title if you want!!*/
</style>

<style>
.online{ font-size:0; }
.online{ content: "オンライン"; font-size:.8rem; font-family: "DotGothic16";}
/*translation: "About me". You can change it back to its original title if you want!!*/
</style>


<style>
.profile .friends .person img:not(.icon) {
    filter: grayscale(100%);
</style>
<style>


body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(180 200 300 / 45%) 50%, rgb(0 0 0 / 20%) 30%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
</style>


<style></style>
<style>
body {
 margin:0;
 background-image: url("https://i.ytimg.com/vi/4kPZMIlwuQQ/maxresdefault.jpg");
background-attachment: fixed;
<style></style>
<style>
.profile {
  background-color: transparent;
  color: white;
  border: 7px double #e2e1e8;
  box-shadow: 0px 0px 23.5px white;
<style></style>
<style></style>
<style>
.online {
    color: white;
    text-shadow: 0px 0px 10px white;
    font-family: DotGothic16;
}

.online img {
   content: url("https://64.media.tumblr.com/45b3ee7112e923fd7b4d29aa04e3dd15/2e220f9d268f7399-eb/s75x75_c1/18583e7cf663859e0aa3aa59117720a7546e8d66.gifv");
    animation-name: nyaah;
<style></style>
<style>
nav .top {
    display: block;
    background-color: transparent;
}
   nav .links {
 background-color: transparent;
 background-image: url('https://64.media.tumblr.com/593ac8a5f24d777ca940d6c07f95d668/ea7d38e7e54d417a-ce/s400x600/02009d6f395fe5131c4a728a223fc2c820fb6901.gifv');
 border: 5px inset #4d4c4f;
 box-shadow: 0px 0px 6px white;
 background-size: cover;
 text-align: center;
 margin-top: 3.6em;
}
nav .links .a {
    color: #342738;
    text-shadow: 0px 0px 10px white;
    font-size: 8px;
}
<style></style>
<style></style>
<style>
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " 彡 ";
    color: #37294a;
    text-shadow: 0px 0px 7px white;
<style></style>
<style>
.profile .blurbs .heading:before {
    content: url(https://64.media.tumblr.com/3da93373381aa036345dbcd255fac33f/741b13522cd5a67c-af/s75x75_c1/45e7233071b14a28e5cb0b9da4ece28ce8695087.gifv);
}
.profile .blurbs .heading:after {
    content: url(https://64.media.tumblr.com/3da93373381aa036345dbcd255fac33f/741b13522cd5a67c-af/s75x75_c1/45e7233071b14a28e5cb0b9da4ece28ce8695087.gifv);
}
.profile .friends .heading:before {
    content: url(https://64.media.tumblr.com/3da93373381aa036345dbcd255fac33f/741b13522cd5a67c-af/s75x75_c1/45e7233071b14a28e5cb0b9da4ece28ce8695087.gifv);
}
.profile .friends .heading:after {
    content: url(https://64.media.tumblr.com/3da93373381aa036345dbcd255fac33f/741b13522cd5a67c-af/s75x75_c1/45e7233071b14a28e5cb0b9da4ece28ce8695087.gifv);
}
.profile .table-section .heading:before {
    content: url(https://64.media.tumblr.com/3da93373381aa036345dbcd255fac33f/741b13522cd5a67c-af/s75x75_c1/45e7233071b14a28e5cb0b9da4ece28ce8695087.gifv);
}
.profile .table-section .heading:after {
    content: url(https://64.media.tumblr.com/3da93373381aa036345dbcd255fac33f/741b13522cd5a67c-af/s75x75_c1/45e7233071b14a28e5cb0b9da4ece28ce8695087.gifv);
}
.profile .details-table .heading:before {
    content: url(https://64.media.tumblr.com/3da93373381aa036345dbcd255fac33f/741b13522cd5a67c-af/s75x75_c1/45e7233071b14a28e5cb0b9da4ece28ce8695087.gifv);
}
.profile .details-table .heading:after {
    content: url(https://64.media.tumblr.com/3da93373381aa036345dbcd255fac33f/741b13522cd5a67c-af/s75x75_c1/45e7233071b14a28e5cb0b9da4ece28ce8695087.gifv);
}
.profile .contact .heading:before {
    content: url(https://64.media.tumblr.com/3da93373381aa036345dbcd255fac33f/741b13522cd5a67c-af/s75x75_c1/45e7233071b14a28e5cb0b9da4ece28ce8695087.gifv);
}
.profile .contact .heading:after {
    content: url(https://64.media.tumblr.com/3da93373381aa036345dbcd255fac33f/741b13522cd5a67c-af/s75x75_c1/45e7233071b14a28e5cb0b9da4ece28ce8695087.gifv);
}




.profile .blurbs .heading, .profile .friends .heading {
    display: block;
    background-image: url(https://64.media.tumblr.com/5715cd9065fd2b5d217e614af8528a3a/e1b21d6397c59a4f-86/s400x600/b2d9ace09fcd71049a4ac190162b99bd9a6722d6.gifv) !important;
    background-size: cover;
    text-align: center;
    border: 4px inset #525357 !important;
    color: white;
}

.profile .blurbs .inner h4 {
    color: white;
    text-shadow: 0px 0px 5px white;
    font-weight: 700;
}

.profile .blurbs .inner {
    font-family: Pixelify Sans;
    background-image: url(https://cdn.discordapp.com/attachments/1032797682030362791/1233177471227007096/this_uh.JPG?ex=662c2584&is=662ad404&hm=86c3a68eec69a1173a1d26611033dae03b838684e9a1ef4fc1aa32a810aa96ec&) !important;
    background-size: cover !important;
    border: 5px inset #46474a !important;
    box-shadow: 0px 0px 22px black !important;
    text-align: center;
<style></style>
<style>
a {
    color: #15124f;
    text-shadow: 1px 1px 0px #7f7da1;
}
a:hover, .count {
    color: #71748a;
    font-style: underline;
    text-decoration: none;
}

.profile-info { 
    border: 5px inset #46474a;
    box-shadow: 0px 0px 22px black;
    background-image: url(https://i.pinimg.com/564x/cc/df/9a/ccdf9adbc823932665f7694a251714c1.jpg);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
    background-size: 300px;
}




.general-about .profile-pic {
    display: block;
    float: left;
    height: 172px;
    box-shadow: 0px 0px 21px black;
    border: 6.4px ridge #73737a;
}

.profile h1 {
    font-size: 5.2em;
    font-family: Great Vibes;
    color: #ff9cc1;
    text-align: center;
}
h1 { animation:myRainbowPan 1s infinite; }
<style></style>
<style>
table.details-table {
   background-image: url(https://cdn.discordapp.com/attachments/1032797682030362791/1233177471227007096/this_uh.JPG?ex=662c2584&is=662ad404&hm=86c3a68eec69a1173a1d26611033dae03b838684e9a1ef4fc1aa32a810aa96ec&);
    background-size: cover;
    border: 5px inset #46474a;
    box-shadow: 0px 0px 22px black;
}

.details-table td {
    background-color: black;
}

.details-table td:first-child {
   background-image: url(https://cdn.discordapp.com/attachments/1032797682030362791/1233177471227007096/this_uh.JPG?ex=662c2584&is=662ad404&hm=86c3a68eec69a1173a1d26611033dae03b838684e9a1ef4fc1aa32a810aa96ec&);
    background-size: cover;
    border: 5px inset #46474a;
    font-family: monospace;
    font-size: 11.5px;
    font-weight: 400;
}
.details-table td:first-child a {
   border-color: black;

<style></style>
<style>
.profile .table-section {
   background-image: url(https://cdn.discordapp.com/attachments/1032797682030362791/1233177471227007096/this_uh.JPG?ex=662c2584&is=662ad404&hm=86c3a68eec69a1173a1d26611033dae03b838684e9a1ef4fc1aa32a810aa96ec&);
    border-color: black;
}

.profile .table-section .heading {
    display: block;
    background-image: url(https://64.media.tumblr.com/5715cd9065fd2b5d217e614af8528a3a/e1b21d6397c59a4f-86/s400x600/b2d9ace09fcd71049a4ac190162b99bd9a6722d6.gifv);
    background-size: cover;
    text-align: center;
    border: 4px inset #525357;
    color: white;
}
.profile .contact .inner {
    background-image: url(https://cdn.discordapp.com/attachments/1032797682030362791/1233177471227007096/this_uh.JPG?ex=662c2584&is=662ad404&hm=86c3a68eec69a1173a1d26611033dae03b838684e9a1ef4fc1aa32a810aa96ec&);
    background-size: cover;
    border: 5px inset #46474a;
    box-shadow: 0px 0px 22px black;
}
div.contact:after {
    width: 100%;
    height: 26px;
    display: block;
    content: "";
    background-color: transparent;
    background-image: url(https://64.media.tumblr.com/3837f81efb037b78d5f3b83136abd9ff/a2b9a9b92798b874-24/s400x600/0c9e64c94fb660d3ef32326e9c1a891cab720857.pnj);
    background-position: center;
    background-size: 90%;
    background-repeat: no-repeat;
}

<style></style>
<style>
.profile .contact .heading {
    background-image: url(https://64.media.tumblr.com/5715cd9065fd2b5d217e614af8528a3a/e1b21d6397c59a4f-86/s400x600/b2d9ace09fcd71049a4ac190162b99bd9a6722d6.gifv);
    background-size: cover;
    text-align: center;
    border: 4px inset #525357;
    color: white;
<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('https://upload.wikimedia.org/wikipedia/commons/b/b8/Moon_rotating_full_160px.gif') no-repeat;
  background-size: 86px;
  display: block;
  width: 90px;
  height: 90px;
  z-index: 999;
  position: absolute;
  top: 28px;
  left: 88px;
}
<style>
.profile .table-section .heading {
    background-image: url(https://64.media.tumblr.com/5715cd9065fd2b5d217e614af8528a3a/e1b21d6397c59a4f-86/s400x600/b2d9ace09fcd71049a4ac190162b99bd9a6722d6.gifv);
    background-size: cover;
    text-align: center;
    border: 4px inset #525357;
    color: white;
<style></style>
<style>
profile .url-info, .profile .contact {
    border-color: black;
<style></style>
<style>
.profile .url-info, .profile .contact {
    border-color: black;
</style>
<style>
.comments-table td:first-child {
   background-image: url(https://cdn.discordapp.com/attachments/1032797682030362791/1233177471227007096/this_uh.JPG?ex=662d7704&is=662c2584&hm=e1a03523aaffc082e5624747f08d15a1723d90d4c54e20fc090e81b0eb18325e&);
    background-size: cover;
    border: 4px inset #525357;
}

.comments-table td:first-child a {
    color: white;
    font-family: 'Pixelify Sans';
    font-weight: 400;
    font-size: 12px;
}

.comments-table td {
   background-image: url(https://cdn.discordapp.com/attachments/1032797682030362791/1233177471227007096/this_uh.JPG?ex=662c2584&is=662ad404&hm=86c3a68eec69a1173a1d26611033dae03b838684e9a1ef4fc1aa32a810aa96ec&);
    background-size: cover;
    border: 4px inset #525357;
    font-size: 11px;
}

.comments-table td a {
    color: white;
}

.comment-replies {
   background-image: url(https://cdn.discordapp.com/attachments/1032797682030362791/1233177471227007096/this_uh.JPG?ex=662c2584&is=662ad404&hm=86c3a68eec69a1173a1d26611033dae03b838684e9a1ef4fc1aa32a810aa96ec&);
    background-size: cover;
    border: 4px inset #525357;
}
footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    border: 5px inset #46474a;
    box-shadow: 0px 0px 22px black;
    background-image: url(https://i.pinimg.com/564x/cc/df/9a/ccdf9adbc823932665f7694a251714c1.jpg);
    background-size: 300px;
    background-position: center;
    background-blend-mode: none;
    background-color: black;
}


<style></style>






 <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://64.media.tumblr.com/1ed9acdc6c7ccb2db2bad2951580c1ab/2f692420ece9ceb5-97/s75x75_c1/5a3d1169e7d9818b2f3886b836447518d1eeae97.gifv")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://64.media.tumblr.com/ad90f8b8b0432e58bfbad2f81c2c8ce1/04dfb8c512e3f807-9e/s75x75_c1/3310bc341690b51a36d387228848a5b8841f83d8.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://64.media.tumblr.com/ef6119d20a3e3335a35e806aec6e6fca/a324df92b7afeba1-31/s75x75_c1/9a946b5b668c348617c7b83a51c262612aab85ab.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://64.media.tumblr.com/845e1b3fec1b08d6470842f26e0794ab/3fe4c2706e5d6a04-36/s75x75_c1/61301afee08651c5b373fde299b2769d31e53a72.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://64.media.tumblr.com/ff51532fc0696bb291da07e2eedcbd16/tumblr_inline_nww1auiqoh1s7c1vr_75sq.pnj")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://64.media.tumblr.com/f0c5d80c4492a31c25f34efb1beeac2f/2f692420ece9ceb5-fa/s75x75_c1/94a55697e15a42438203bd590fa12cadcdcf8197.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://64.media.tumblr.com/e7e47a4121394e8d07f5b15ede7f6976/2f692420ece9ceb5-40/s75x75_c1/2d694c571583c4ff23cec25b748a254e88083fcb.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://64.media.tumblr.com/26c931080342e743046ef7740acea832/04dfb8c512e3f807-41/s75x75_c1/34a772b5e9a0ae9740e6879ece5e29b352dd5846.gifv")
    } 

</style> <style></style>




<img src="https://64.media.tumblr.com/1e2f471d360a71cd09af14ed075bac76/643107419897449e-82/s400x600/eb4451a73c7e3c351e53d76aa7cd87ff4b0e8344.gifv" width="301"/>


<div class="animated_rainbow_2">ミラクルミュージカル</div>

<style>
.animated_rainbow_2 {
	font-size: 30px;
    -webkit-animation: animatedBackground_b 5s linear infinite alternate;
}

@keyframes animatedBackground_b{
	0% {color: #ff8b00}
	10% {color: #e8ff00}
	20% {color: #5dff00}
	30% {color: #00ff2e}
	40% {color: #00ffb9}
	50% {color: #00b9ff}
	60% {color: #002eff}
	70% {color: #5d00ff}
	80% {color: #e800ff}
	90% {color: #ff008b}
	100% {color: #ff0000}
}
</style>

<style>
	body{
		background-image:url('https://preview.redd.it/e6v6idvnnyj61.png?width=1920&format=png&auto=webp&s=5acda229132cdb03629c12793fbae3137c500b21');
	}
	main{
		background-color:rgba(255,255,255,0.2);
	}
</style>

<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://64.media.tumblr.com/3837f81efb037b78d5f3b83136abd9ff/a2b9a9b92798b874-24/s400x600/0c9e64c94fb660d3ef32326e9c1a891cab720857.pnj);  width: auto; height: 26px; background-position: top center; background-size: 90%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>


<style>
.rainbowUnderline{text-decoration:none;background-position:0 1.10em;background-size:100% 100%;background-repeat:no-repeat;transition:background 0.5s;background-image:linear-gradient(110deg, #e1f549, #29d0be, #6cb8ea, #ff5959)}.rainbow{background:-webkit-linear-gradient(45deg, #e1f549, #29d0be, #6cb8ea, #ff5959);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rainbowPan{animation:myRainbowPan 1s infinite}.rainbowFlash{animation:myRainbow 2s linear infinite}.rainbowFlashShadow{color:inherit;animation:myRainbowShadow 2s linear infinite}.rainbowBlink{animation:myRainbowBlink 0.3s infinite}.rainbowBlinkPan{animation:myRainbowBlinkPan 2s infinite}@keyframes myRainbowPan{0%{background:-webkit-linear-gradient(45deg, #e1f549, #29d0be, #6cb8ea, #ff5959);-webkit-background-clip:text;-webkit-text-fill-color:transparent}25%{background:-webkit-linear-gradient(45deg, #29d0be, #6cb8ea, #ff5959, #e1f549);-webkit-background-clip:text;-webkit-text-fill-color:transparent}50%{background:-webkit-linear-gradient(45deg, #6cb8ea, #ff5959, #e1f549, #29d0be);-webkit-background-clip:text;-webkit-text-fill-color:transparent}75%{background:-webkit-linear-gradient(45deg, #ff5959, #e1f549, #29d0be, #6cb8ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent}100%{background:-webkit-linear-gradient(45deg, #e1f549, #29d0be, #6cb8ea, #ff5959);-webkit-background-clip:text;-webkit-text-fill-color:transparent}}@keyframes myRainbow{0%{color:#e1f549}25%{color:#29d0be}50%{color:#6cb8ea}75%{color:#ff5959}100%{color:#e1f549}}@keyframes myRainbowShadow{0%{text-shadow:0 0 5px #e1f549}25%{text-shadow:0 0 5px #29d0be}50%{text-shadow:0 0 5px #6cb8ea}75%{text-shadow:0 0 5px #ff5959}100%{text-shadow:0 0 5px #e1f549}}@keyframes myRainbowBlink{0%{color:inherit}50%{background:-webkit-linear-gradient(45deg, #e1f549, #29d0be, #6cb8ea, #ff5959);-webkit-background-clip:text;-webkit-text-fill-color:transparent}}@keyframes myRainbowBlinkPan{0%{background:-webkit-linear-gradient(45deg, #e1f549, #29d0be, #6cb8ea, #ff5959);-webkit-background-clip:text;-webkit-text-fill-color:transparent}12.5%{background:transparent;-webkit-background-clip:none;-webkit-text-fill-color:inherit}25%{background:-webkit-linear-gradient(45deg, #29d0be, #6cb8ea, #ff5959, #e1f549);-webkit-background-clip:text;-webkit-text-fill-color:transparent}37.5%{background:transparent;-webkit-background-clip:none;-webkit-text-fill-color:inherit}50%{background:-webkit-linear-gradient(45deg, #6cb8ea, #ff5959, #e1f549, #29d0be);-webkit-background-clip:text;-webkit-text-fill-color:transparent}62.5%{background:transparent;-webkit-background-clip:none;-webkit-text-fill-color:inherit}75%{background:-webkit-linear-gradient(45deg, #ff5959, #e1f549, #29d0be, #6cb8ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent}87.5%{background:transparent;-webkit-background-clip:none;-webkit-text-fill-color:inherit}100%{background:-webkit-linear-gradient(45deg, #e1f549, #29d0be, #6cb8ea, #ff5959);-webkit-background-clip:text;-webkit-text-fill-color:transparent}}.inline{display:inline}
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/NbtsZJXnzFY?si=S1iijfG0O1aYh7s_?controls=0//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy" style="font-size: 12.8px;">
</iframe>
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 20 of 58 comments ( View all | Add Comment )
Suden	1762008145 Using( ᵔ ᵕ ᵔ ) Report Comment
★	1761651914 using! Report Comment
iminyourspleen	1760499077 using ! Report Comment
silly applz	1758967866 using !! ^_^ Report Comment
chillcubeguy	1758934361 using! Report Comment
R3tr0	1754469314 might use Report Comment
tentacleTherapist	1753642503 usingg XD Report Comment
Periweri	1753411499 How could I remove that static filter ontop of the entire thing. (using) Report Comment Digan porfaa by Adriel☆; 1754371847; Report
HOSHI ^q^	1753119941 USING!!! OMG I LOVE IT Report Comment
Sebastian Solace	1751232020 Using ! Report Comment
Kaydenᯓ★/🌴🌈🔲🔳	1750626779 Using:3 Report Comment
Han1XD	1749661702 Using Report Comment
☆ Bunny ☆	1748490667 I'm using it ✨️ thanks a lot Report Comment
obanaiswifey	1748382780 USING Report Comment
roblovesnick	1746507549 using Report Comment
Vey	1744839341 using ! >W< Report Comment
joe/andrew	1744442795 using! Report Comment
JX1DX1/YATTA	1742386141 Using!! Report Comment
Asuka	1740923506 using ^^ Report Comment