html, body {
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
}
::-webkit-scrollbar {
width: 6px;
height: 12px;
background: #Fefafb;
}
::-webkit-scrollbar-track {
width: 0.5px;
border-radius: 4px;
}
::-webkit-scrollbar-thumb {
background: #343333;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #fff;
}
::selection {text-shadow: 0 0 2px #cec1bb;color:#cec1bb}
::-moz-selection {text-shadow: 0 0 2px #cec1bb;color:#cec1bb}
}
}
a {text-decoration: none; color: black; }
@font-face {
font-family: 'romanceA';
src: url("https://rainingroses.neocities.org/fonts/RomanceA.ttf");
}
body {
padding: 80px;
background-repeat: repeat;
background-size: 220px;
overflow-x: hidden;
background: url(https://i.ibb.co/RGm50MnL/lacebrdr2.png) repeat-x top,
url('https://i.ibb.co/mrq8z9LD/65314ec190c8dc47b9d99f5da2349127.png');
position: relative;
font-family: "MS Gothic";
text-decoration: none;
}
body::before {
content: "";
position: fixed;
inset: 0;
background: rgba(255, 255, 255, 0.35);
pointer-events: none;
z-index: 99999;
}
.container {
border-width:16px;
border-style:solid;
border-image: url("/images/border-3.png") 43 fill round;
margin: auto;
background:#0000;
width: 684px;
height:665px;
position: relative;
padding: 5px;
z-index: 4;
background-clip: padding-box;
}
.container1 {
width: 766px;
border: 20px solid transparent;
border-image: url("images/39dc37a1f4f868ff820615375bbf8f83 (1).png") 76 round;
background: #0000;
box-sizing: border-box;
background-clip: padding-box;
padding: 0;
}
.updatep {
position: absolute;
width: 300px;
height: 100px;
border: 16px solid transparent;
border-image: url("images/39dc37a1f4f868ff820615375bbf8f83 (2).png") 33 round;
background: black;
color: white;
font-size:11px;
box-sizing: border-box;
margin-left: 50px;
margin-top: 23px;
background-clip: padding-box;
padding: 0;
overflow-x: auto;
}
.container-one {
border-width: 1px;
border-style: solid;
border-color: white;
background-image: url('images/65314ec190c8dc47b9d99f5da2349127.png');
background-repeat: repeat;
background-position: center;
background-size: 310px;
width: 684px;
position: relative;
left: 1px;
height: 170px;
z-index: 5;
}
#name {
font-family: 'romanceA';
font-size: 3em;
-webkit-text-stroke: 1px white;
color: #00000;
margin-top: -90px;
margin-left: 10px;
}
.outer {
border-width:7px;
border-style:solid;
border-image: url("images/4326c2f1b3651e3a2083a533e9875a15.webp") 27 fill round;
border-radius:15px;
width: 115px;
height: 115px;
margin-top: 10px;
}
.inner {
width: 100%;
height: 100%;
background-image: url('images/94ad3480103c653dc912c7315f08ea4b.jpg');
background-size: cover;
}
.bg, .inner { box-sizing: border-box;}
.bg {
background: ;
padding:0px;
width:58%;
border:0px solid white;
position: relative;
top: -8em;
left: 138px;
}
.in {
font-family: 'romanceA';
line-height: 1.125em;
background: #FFF;
color: #000;
padding:5px;
border-width:16px;
border-style:solid;
border-image: url("images/39dc37a1f4f868ff820615375bbf8f83.png") 110 fill round;
background-clip: padding-box;
height:191px;
overflow-y:auto;
}
.intro {
font-family: 'romanceA';
color: white;
-webkit-text-stroke: 1px black;
text-align: center;
font-size: 1.5em;
margin-bottom: 5px;
}
.ipad {
border-width: 6px;
border-style: solid;
border-image: url("images/borderhearts.png") 30 fill round;
margin-top:-100px;
margin-left:-4px;
height: 80px;
background: white;
color:black;
width: 125px;
overflow: hidden;
position: relative;
background-clip: padding-box;
}
.statusbox {
padding: 8px 6px;
font-size: 11px;
color: black;
line-height: 1.4;
position: relative;
z-index: 3;
}
.four {
position: relative;
top: -7.5em;
}
.chat {
border-width: 6px;
border-style: solid;
border-image: url("images/borderhearts.png") 30 fill round;
height: 130px;
background: transparent;
width: 130px;
position: absolute;
top: 200px;
left: 540px;
}
.chat iframe {
width: 100%;
height: 200px;
border: none;
}
#framechat {
border-width: 26px;
border-style: solid;
border-image: url("images/Untitled2994-20250424185150 (1).png") 60 fill round;
}
.update {
border-width:1px;
border-style:solid;
border-image: url("") 33 fill round;
height: 130px;
background: white;
width: 389px;
position: absolute;
top: 210px;
left: 145px;
overflow: hidden;
}
.sites {
border-width:1px;
border-style:solid;
border-image: url("") 33 fill round;
height: 240px;
background: white;
width: 140px;
position: absolute;
top: 100px;
left: -1px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.floating-side {
position: absolute;
top: 200px;
left: 40%;
transform: translateX(370px);
width: 300px;
z-index: 10000;
pointer-events: none;
}
.comm {
width: 8.7em;
height: 12.25em;
border-radius: 0px;
border-width:1px;
border-style:solid;
border-image: url("") 33 fill round;
position: relative;
top: -28.75em;
left: 495px;
}
.imagemask {
background-image: url("");
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 2em;
font-weight:bold;
font-family: SakeMoru;
margin-bottom: 5px;
width:fit-content;
margin:0 auto;
filter: drop-shadow(0px 1px black) drop-shadow(0 -1px black) drop-shadow(1px 0 black) drop-shadow(-1px 0 black);
}
.top {
background: #98DCED;
font-family: SakeMoru;
text-align: center;
color: white;
border-radius: 10px 10px 0 0;
padding: 0.5em;
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
-webkit-filter: drop-shadow(0px 0px 1px black);
-webkit-text-stroke: 0.5px black;
width: 15em;
margin-left: 17px;
}
.bottom {
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
border-radius: 0px 0px 10px 10px;
padding: 0.9em;
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
-webkit-filter: drop-shadow(0px 0px 1px black);
font-family: pixel;
color: black;
width: 14.2em;
margin-left: 17px;
height: 7em;
line-height: 1.375em;
overflow-y: scroll;
}
hello {
font-family: 'romanceA';
color: #6e6469;
text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
font-size: 20px;
font-weight: lighter;
padding-left: 4px;
letter-spacing: 1px;
filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 1px 0px #00000017);
}
.navi {
height: 330px;
width: 140px;
background: white;
position: absolute;
top: -140px;
left: 543px;
overflow: hidden;
}
.navi button {
display: block;
width: 120px;
margin: 2px auto;
padding: 2px;
font-size: 11px;
font-family: "MS Gothic";
margin-top: 2px;
border: 16px solid transparent;
border-image: url("images/39dc37a1f4f868ff820615375bbf8f83.png") 76 round;
background: white;
color: black;
}
.navi button a {
text-decoration: none;
color: black;
}
.navi .repeat-img {
height: 20px;
}
.repeat-img {
width: 100%;
height: 200px;
background-image: url("images/tumblr_77390d4ea98cbc0ff5bd7f7f7ca952d5_93f4d1f9_1280 (2).png");
background-repeat: repeat-x;
background-position: top left;
background-size: 200px auto;
margin-top: -10px;
z-index: 9999;
position: sticky;
}
.bottomrepeat-img {
width: 100%;
height: 20px;
background-image: url("images/tumblr_77390d4ea98cbc0ff5bd7f7f7ca952d5_93f4d1f9_1280 (1).png");
background-repeat: repeat-x;
background-position: bottom left;
background-size: 200px auto;
margin-top: auto;
z-index: 9999;
position: relative;
}
.sites-button {
margin: 0;
position: absolute;
top: -110px;
left: -125px;
z-index: 10;
}
.guestbook-top {
position: absolute;
top: 0px;
left: 26px;
z-index: 20;
width:60%;
}
.bb {
width: 159px;
height: 90px;
background-color: white;
position: absolute;
border-radius: 40px 40px 0px 0px;
border-color: #fff;
border-width: 0.5px;
box-sizing: border-box;
border-style: solid;
margin-left:360px;
margin-top:20px;
font-family: "MS Gothic";
color: grey;
font-size: 11px;
padding: 15px;
}
.bb1 {
width: 159px;
height: 90px;
background-color: white;
position: absolute;
border-radius: 40px 40px 0px 0px;
border-color: #fff;
border-width: 0.5px;
box-sizing: border-box;
border-style: solid;
margin-left:160px;
margin-top:20px;
font-family: "MS Gothic";
color: grey;
font-size: 11px;
padding: 15px;
}
.guestbook-text {
position: absolute;
top: 65px;
left: 50%;
transform: translateX(-50%);
margin: 0;
z-index: 30;
}
.guestbook-text a,
a {
text-decoration: none;
color: grey;
}
.ink {
position: absolute;
top: 13px;
left: 6px;
z-index: 20;
width:15%;
}
.section-title {
color: black;
text-align: center;
font-family: "spirit";
font-size: 18px;
font-weight: bold;
padding: 4px 12px;
width: fit-content;
margin: 4px auto 0 auto;
position: relative;
z-index: 2;
}
.sites-grid {
display: flex;
flex-wrap: wrap;
gap: 6px;
justify-content: center;
padding: 6px 4px 0;
margin-top:-160px;
}
.sites-grid a img {
width: 60px;
display: block;
}
.statusbox {
padding: 8px 6px;
font-size: 11px;
color: black;
line-height: 1.4;
position: relative;
z-index: 3;
}