<style>
:root {
--color1: hsla(264, 100%, 50%, 1);
--color2: gold;
}
@font-face {
font-family: "Splatoon";
src: url("https://file.garden/ZRgh3nzfnhFDJvPp/Splatoon1.otf") format("opentype");
}
@font-face {
font-family: "Rounds Neue";
src: url("https://file.garden/ZRgh3nzfnhFDJvPp/Rounds-Neue.ttf") format("truetype");
}
*:not(body) {
font-family: "Rounds Neue";
}
#editor-tab-text {
background: hsla(0, 0%, 100%, 0.5);
border-radius: inherit !important;
padding: 10px;
color: black;
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
}
body {
background: hsla(206, 100%, 6%, 1) !important;
}
.tab-container {
background-image: url("https://file.garden/ZRgh3nzfnhFDJvPp/layered-waves-haikei.svg") !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: bottom !important;
mask-image: linear-gradient(white 90%, transparent 100%) !important;
position: relative !important;
padding-bottom: 1rem !important;
}
.tab-container a {
color: hsla(146, 100%, 54%, 1);
font-weight: bold;
}
.creds {
display: block;
position: absolute;
top: 5px;
left: 10px;
font-size: 1.25em;
line-height: 1.25em;
width: 10em;
z-index: 9999;
}
.container {
margin: auto;
max-width: 600px;
}
.img {
width: 55%;
}
.right {
width: 45%;
}
.img {
height: 450px;
filter: drop-shadow(5px 5px 0 var(--color2)) drop-shadow(7px 7px 0 var(--color1));
position: relative;