@charset "UTF-8";
@font-face{
    font-family: "equestria";
    src:url(fonts/Equestria.ttf)
}
@font-face{
    font-family: "genshin impact";
    src:url(fonts/Genshin\ Impact\ DRIP\ FONT.ttf)
}
@font-face{
    font-family: "crayon";
    src:url(fonts/Rawrote\ Demo.ttf)
}
@font-face{
    font-family: "playfair";
    src:url(fonts/PlayfairDisplay-VariableFont_wght.ttf)
}
@font-face{
    font-family: "starborn";
    src:url(fonts/Starborn.otf)
}
@font-face {
    font-family: "bell mt";
    src: url(fonts/bell-mt.ttf);
}
@keyframes marquee{
  from{
    transform: translateX(0);
  }
   to{
    transform: translateX(-50%);
  }
}
@keyframes bounce {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(130px);
  }
}
::selection {
  color: white;
  background: #07d;
  text-decoration: underline;
}
html{
    background-image: url(image/background.webp);
    background-size:cover;
    background-repeat: no-repeat;
}
::-webkit-scrollbar {
width: 12px
}
 
::-webkit-scrollbar:horizontal {
height: 17px
}
 
::-webkit-scrollbar-corner {
background: #eee
}
 
::-webkit-scrollbar-track {
background: linear-gradient(90deg, rgba(230,230,230,1) 6%, rgba(240,240,240,1) 18%);
}
 
::-webkit-scrollbar-thumb {
border: 1.5px solid #888;
border-radius: 3px;
box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
background-color: #eee;
}
 
::-webkit-scrollbar-thumb:vertical {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(90deg, #eee 45%, #ddd 0, #bbb)
}
 
::-webkit-scrollbar-thumb:horizontal {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(180deg, #eee 45%, #ddd 0, #bbb)
}
 
::-webkit-scrollbar-button:horizontal:end:increment,
::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement {
display: block
}
 
::-webkit-scrollbar-button:vertical {
height: 17px
}


::-webkit-scrollbar-button:vertical:start:decrement {
background: white;
background-image: url("https://dl.dropbox.com/s/vtnpkuealr2f7u4/whc8iy3_d.png");
border: 1.5px solid #888888;
border-radius: 5px;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

::-webkit-scrollbar-button:vertical:start:increment {
display: none;
}

::-webkit-scrollbar-button:vertical:end:decrement {
display: none;
}

::-webkit-scrollbar-button:vertical:end:increment {
background: white;
background-image: url("https://dl.dropbox.com/s/vtnpkuealr2f7u4/whc8iy3_d.png");
border: 1.5px solid #888888;
border-radius: 5px;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body{
    font-family:"bell mt";
    margin: 0;
}
footer{
    width:1900px;
    text-align: center;
    color: hotpink;
    text-shadow: -1px -1px grey;
    margin: auto;
    display:block;
    clear:both
}
a{
color:blue
}
a:hover{
text-decoration:none;
}
header{
    width:1900px;
    margin:0 auto;
    display:block;
}
#banner{
    display: block;
    margin: 0 auto;
    margin-bottom:-15px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    box-shadow: black 10px 10px 10px inset;
    width: 1350px;
    border:1px solid rgb(135, 167, 235)
}
#marqueecontainer1{
    margin: 0 auto;
    margin-bottom:-2px;
    width:1350px;
    overflow:hidden;
}
#marqueetrack1{
    display: flex;
    width: max-content;
    animation: marquee 35s linear infinite;
}
.blinkies{
    white-space:nowrap
}
#top{
font-family:"equestria";
font-size: 20px;
width: 1350px;
height:auto;
margin: 0 auto;
text-align: center;
}
#top ul{
margin:0px;
padding:0px;
list-style-type:none;
overflow:hidden;
display:flex;
justify-content:center;
}
#top li{
float:left;
width:auto;
margin:0 auto;
}
#top a{
text-decoration:none;
white-space:nowrap;
display:block;
color:white;
}
#top a:hover{
text-decoration: underline;
}
#top a img{
    width:23px;
    margin-top:3px;
    margin-right:5px
}
#home{
padding-left:14px;
padding-right:14px;
line-height: 25px;
background:linear-gradient(to bottom, #fec4c4 0%, #f46464 50%, #f93939 50%, #fc8686 100%);
border:1px solid;
border-radius: 5px;
border-color: rgb(255, 49, 49);
text-shadow: -1px -1px red
}
#home:hover{
background:linear-gradient(to bottom, #fec4c4 0%, #f46464 100%, #f93939 0%, #fc8686 100%);
}

#blog{
padding-left:14px;
padding-right:14px;
line-height: 25px;
background:linear-gradient(to bottom, #FFDE9E 0%, #FFA02E 50%, #FF8A00 50%, #FFDE9E 100%);
border:1px solid;
border-radius: 5px;
border-color: rgb(255, 136, 0);
text-shadow: -1px -1px orangered
}
#blog:hover{
background:linear-gradient(to bottom, #FFDE9E 0%, #FFA02E 100%, #FF8A00 0%, #FFDE9E 100%);
}

#bed{
padding-left:14px;
padding-right:14px;
line-height: 25px;
background:linear-gradient(to bottom, #FFFFB8 0%, #FFFA8C 50%, #ffd000 50%, #FFFFB8 100%);
border:1px solid;
border-radius: 5px;
border-color:rgb(255, 217, 0);
text-shadow: -1px -1px rgb(255, 94, 0)
}
#bed:hover{
background:linear-gradient(to bottom, #FFFFB8 0%, #FFFA8C 100%, #FFF400 0%, #FFFFB8 100%);
}

#gimp{
padding-left:14px;
padding-right:14px;
line-height: 25px;
background:linear-gradient(to bottom, #E0FFC7 0%, #BEFF85 50%, #85FF00 50%, #E0FFC7 100%);
border:1px solid;
border-radius: 5px;
border-color:rgb(138, 197, 27);
text-shadow: -1px -1px green
}
#gimp:hover{
background:linear-gradient(to bottom, #E0FFC7 0%, #BEFF85 100%, #85FF00 0%, #E0FFC7 100%);
}

#art{
padding-left:14px;
padding-right:14px;
line-height: 25px;
background:linear-gradient(to bottom, #d4daff 0%, #6978ff 50%, #1c3fdd 50%, #d4daff 100%);
border:1px solid;
border-radius: 5px;
border-color:rgb(0, 110, 255);
text-shadow: -1px -1px #0077dd
}
#art:hover{
background:linear-gradient(to bottom, #D4EAFF 0%, #69B7FF 100%, #3DA4FF 0%, #D4EAFF 100%);
}

#stamp{
padding-left:14px;
padding-right:14px;
line-height: 25px;
background:linear-gradient(to bottom, #D4EAFF 0%, #69B7FF 50%, #3DA4FF 50%, #D4EAFF 100%);
border:1px solid;
border-radius: 5px;
border-color:rgb(0, 110, 255);
text-shadow: -1px -1px #0077dd
}
#stamp:hover{
background:linear-gradient(to bottom, #D4EAFF 0%, #69B7FF 100%, #3DA4FF 0%, #D4EAFF 100%);
}

#shrines{
padding-left:14px;
padding-right:14px;
line-height: 25px;
background:linear-gradient(to bottom, #F3C4FF 0%, #E780FF 50%, #DA3BFF 50%, #f3C4FF 100%);
border:1px solid;
border-radius: 5px;
border-color: rgb(204, 0, 255);
text-shadow: -1px -1px purple
}
#shrines:hover{
background:linear-gradient(to bottom, #F3C4FF 0%, #E780FF 100%, #DA3BFF 0%, #f3C4FF 100%);
}

#graphics{
padding-left:12px;
padding-right:12px;
line-height: 25px;
background:linear-gradient(to bottom, #FFD4F2 0%, #FF8CDA 50%, #FF66B8 50%, #FFD4F2 100%);
border:1px solid;
border-radius: 5px;
border-color: hotpink;
text-shadow: -1px -1px deeppink
}
#graphics:hover{
background:linear-gradient(to bottom, #FFD4F2 0%, #FF8CDA 100%, #FF66B8 0%, #FFD4F2 100%);
}

#digital{
padding-left:12px;
padding-right:12px;
line-height: 25px;
background:linear-gradient(to bottom, #fec4c4 0%, #f46464 50%, #f93939 50%, #fc8686 100%);
border:1px solid;
border-radius: 5px;
border-color: rgb(255, 49, 49);
text-shadow: -1px -1px red
}
#digital:hover{
background:linear-gradient(to bottom, #fec4c4 0%, #f46464 100%, #f93939 0%, #fc8686 100%);
}

#ocs{
padding-left:14px;
padding-right:14px;
line-height: 25px;
background:linear-gradient(to bottom, #FFDE9E 0%, #FFA02E 50%, #FF8A00 50%, #FFDE9E 100%);
border:1px solid;
border-radius: 5px;
border-color: rgb(255, 136, 0);
text-shadow: -1px -1px orangered
}
#ocs:hover{

background:linear-gradient(to bottom, #FFDE9E 0%, #FFA02E 100%, #FF8A00 0%, #FFDE9E 100%);
}

#dict{
padding-left:14px;
padding-right:14px;
line-height: 25px;
background:linear-gradient(to bottom, #FFFFB8 0%, #FFFA8C 50%, #ffd000 50%, #FFFFB8 100%);
border:1px solid;
border-radius: 5px;
border-color:rgb(255, 217, 0);
text-shadow: -1px -1px rgb(255, 94, 0)
}
#dict:hover{
background:linear-gradient(to bottom, #FFFFB8 0%, #FFFA8C 100%, #FFF400 0%, #FFFFB8 100%);
}

main{
    width:1900px;
    height: 750px;
    margin:0 auto;
    display:flex;
    justify-content: center;
}
#leftleft{
    width: 240px;
    height: 750px;
    margin-top:5px;
    margin-right:10px;
}
#left{
    width: 240px;
    height: 750px;

    background-image: url(full/i.png);
    background-size:cover;
    background-position-x:-190px;

    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border:1px solid hotpink;

    margin-top:5px;
    overflow:hidden
}
#aboutme{
    width:805px;
    height: 700px;

    border-radius: 10px;
    border: 6px double white;

    z-index:10;
    margin:0;

    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    overflow:hidden;
    background-color: rgb(255, 255, 179);
}
#aboutmeborder{
    width:850px;
    height: 750px;

    margin:10px;
    margin-bottom:0px;
    margin-top:5px;
    z-index:1;

    background-image:url(image/pudin.jpg);
    background-size:100%;
    background-position: left;

    border-radius: 7px;
    border:1px solid hotpink;
    box-shadow:white 0px 1px 10px 5px inset;

    position:relative
}
#aboutme ul{
    position:relative;
}
#aboutme li{
    list-style-type: none;
    color:darkred;
    font-size: 17px;
    font-family: bell mt;
    text-align: center;
    text-decoration: underline
}
#right{
    width: 240px;
    height: 750px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-size:cover;
    margin-top:5px;
    overflow:hidden;
}
#rightright{
    width: 240px;
    height: 750px;
}
#hamuchan{
padding-top:20px;
margin:0 auto;
width:80%;
display:block;
padding-bottom:10px
}
#toya1{
position:absolute;
left: 165px;
top:10px;
width:30%;
z-index:10;
opacity:0%
}
#clock{
position:relative;
margin-top:10px;
margin-left:12px;
}
#clock:hover .hovertext{
    visibility: visible;
    opacity:1;
}
#socials{
position:relative;
margin-top:15px;
margin-left:10px;
}
#socials ul{
margin-top: 0px;
padding: 0px;
padding-right:20px
}
#socials h3{
font-family:"equestria";
color:#555555;
width: 210px;
height:25px;
padding-top:5px;
margin: 0px;
text-align:center;
text-shadow:1px 1px white;
background:linear-gradient(to bottom, #E0FFC7 0%, #BEFF85 50%, #85FF00 50%, #E0FFC7 100%);
border:1px solid;
border-color:rgb(138, 197, 27);
border-top-right-radius: 5px;
border-top-left-radius: 25px;
}
#socials li{
font-size:20px;
font-family:"bell mt";
padding:0px;
list-style-type:none;
margin:0px auto;
width:210px;
height:29px;
line-height:30px;
text-align:left;
text-indent:50px;
white-space:nowrap;
background-repeat:no-repeat;
background-position:top left;
background-size:100%;
display:block;
overflow:hidden;
background:linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%, #ffffff 100%);
border:1px solid;
border-color:grey
}
#socials li:hover{
background:linear-gradient(to bottom, #E0FFC7 0%, #BEFF85 100%, #85FF00 0%, #E0FFC7 100%);
font-size: 21px;
border-color:rgb(138, 197, 27);
}
#socials a{
color:#555555;
text-decoration: none;
}
#socials a:hover{
color:green;
text-decoration: underline;
}
#music{
    border-bottom:solid 1px #555555;
    border-right:solid 1px #555555;
    border-left:solid 1px #555555;
    background:linear-gradient(to bottom, #ffffff 0%, #b8b8b8 50%, #a1a1a1 50%, #ffffff 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 25px;
    margin-top:-12px;
}
#musicbody{
    overflow:auto;
    height:205px;
    width:236px;
    border:1px solid #ccc;
    background-image: url(image/sc.png);
    background-size: cover;
    background-position:top right;
}
#musicbody p{
    color:#555;
}
#music h3{
    border-top-right-radius: 25px;
    border-top-left-radius: 5px;
    font-family:"equestria";
    padding-top:4px;
    padding-bottom:4px;
    text-align:center;
    background:linear-gradient(to bottom, #ffffff 0%, #b8b8b8 50%, #a1a1a1 50%, #ffffff 100%);
    border:1px solid;
    border-color: lightgrey;
    color:#555555;
    margin:0
}
#musicbody iframe{
    width:100%;
    height:20px;
    margin-top:5px
}
#music small{
    color: #555555;
    display: inline-block;
    white-space: nowrap;
    animation: bounce 2s linear infinite alternate;
    margin-top:5px
}
#marqueecontainer2{ 
width: 240px;
overflow:hidden;
}
#hampteroll{
    padding-top:10px;
    margin:0 auto;
    width:100%;
    display:block;
}
#greens{
    transform: translate(-30%);
    margin-top:-10px;
    margin-bottom: -15px;
}
#mood{
    position:relative
}
#mood p{
    text-align:left;
    font-size:20px;
    font-family: "crayon";
    font-weight:bold;
    position:absolute;
    z-index:10;
    left:13px;
    top:7px
}
#pandabaner{
    position:relative;
    display: block;
    z-index:1;
    width:230px;
    border-radius: 10px;
    border: 1px solid purple
}
#moodembed{
    position:absolute;
    left: 13px;
    top:55px;
    z-index:10
}

#bulletinboard{
    width:240px;
    position:relative;
    top:45px;
}
#bulletinboard img{
    position:relative;
    width:95%;
    display:block;
    margin: 0 auto;
    top:-50px;
    z-index:1
}
#bulletinboard h3{
    font-family: "equestria";
    font-size:25px;
    text-align: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding-left: 13px;
    padding-right: 13px;
    letter-spacing: -3px;
    position:absolute;
    width:max-content;
    display:block;
    margin: 0 auto;
    z-index:10;
    bottom:195px;
}
#bulletinboard p{
    font-family: "crayon";
    position:absolute;
    z-index:10;
    margin:0 auto;
    display:block;
    padding:14px;
    padding-top:65px;
    color:darkred;
    font-size: 20px;
    top:30px
}
#bulletinboard h3 span:nth-child(7n + 1){
    color: red;
    text-shadow: 1px 1px darkred
}
#bulletinboard h3 span:nth-child(7n + 2){
    color: orange;
    text-shadow: 1px 1px orangered
}
#bulletinboard h3 span:nth-child(7n + 3){
    color: yellow;
    text-shadow: 1px 1px orange
}
#bulletinboard h3 span:nth-child(7n + 4){
    color: greenyellow;
    text-shadow: 1px 1px green
}
#bulletinboard h3 span:nth-child(7n + 5){
    color: skyblue;
    text-shadow: 1px 1px blue
}
#bulletinboard h3 span:nth-child(7n + 6){
    color: violet;
    text-shadow: 1px 1px purple
}
#bulletinboard h3 span:nth-child(7n + 7){
    color: hotpink;
    text-shadow: 1px 1px red
}
#bulletinboard h3 span:nth-child(8){
    padding-right:13px
}
.hovertext{
    visibility: hidden;
    width: 170px;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    position: absolute;
    z-index: 999;
    bottom: 110%;
    left: 60%;
    margin-left: -118px;
    opacity: 0;
    transition: opacity 0.3s;
    background:linear-gradient(to bottom, #FFD4F2 0%, #FF8CDA 50%, #ff7fc3 50%, #FFD4F2 100%);
    border: 1px solid hotpink;
    border-radius: 10px;
    font-family: bell mt;
    font-size:15px
}
#cbox iframe{
    border: 2px solid #6e5d5d;
    height:388px;
    width:230px
}
#cbox{
    width:230px
}
#cbox h3{
    font-family: "equestria";
    font-size:22px;
    text-align: center;
    background:linear-gradient(to bottom, #FFD4F2 0%, #FF8CDA 50%, #ff7fc3 50%, #FFD4F2 100%);
    border: 1px solid hotpink;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    width:fit-content;
    margin:0 auto;
    width:101%;
    color:white;
    text-shadow: 2px 1px rgb(255, 56, 155);
    letter-spacing: 2px;  
}
#leftleft img{
    width:100%;
    margin-bottom:2px;
    border: 1px solid hotpink;
    border-radius: 3px;
}
#leftleft h3{
    margin-top:0;
    margin-bottom:5px;

    font-family:"equestria";
    color:hotpink;
    font-size: 25px;
    text-shadow: 1px 1px white;
}
#sonislides{
    margin-top: 21px;
    position:relative;
    margin-bottom:21px;
}
#sonislides .slides{
    height:172px;
    position:relative;
    left:50%;
    transform: translate(-50%);
}
#sonislides button{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
}
#sonislides .left{
    left:10px;
    border: 1px solid deeppink;
    color:deeppink;
    border-radius:50%;
    background:linear-gradient(to bottom, #FFD4F2 0%, #ffb3e7 50%, #ff9dd1 50%, #FFD4F2 100%);
}
#sonislides .right{
    left:225px;
    border: 1px solid deeppink;
    color:deeppink;
    border-radius:50%;
    background:linear-gradient(to bottom, #FFD4F2 0%, #ffb3e7 50%, #ff9dd1 50%, #FFD4F2 100%);
}
#nekoya{
    width: 220px;
    background-image:url(image/poron.jpg);
    background-size: cover;
    border: 1px dashed hotpink;
    border-radius:5px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    z-index: 10;
}
#nekoyabord{
    height:310px;
    width: 240px;
    z-index:1;

    background-image:url(image/border4.jpg);
    background-size:50%;

    border-radius: 7px;
    border:1px solid hotpink;
    box-shadow:white 0px 1px 10px 5px inset;

    position:relative;
    z-index: 1;
}
#bloglist{
    width:220px;
    position:relative;
    left:50%;
    top:37%;
    transform:translate(-50%, -50%);
    font-family: "bell mt";
    color:#555
}
#bloglist h3{
    font-family: "equestria";
    font-size:22px;
    text-align: center;
    background:linear-gradient(to bottom, #FFD4F2 0%, #FF8CDA 50%, #ff7fc3 50%, #FFD4F2 100%);
    border: 1px solid hotpink;
    border-top-left-radius: 25px;
    border-top-right-radius: 5px;
    width:100%;
    margin:0 auto;
    color:white;
    text-shadow: 2px 1px rgb(255, 56, 155);
    letter-spacing: 2px; 
}
#listbody{
    width:220px;
    height:500px;
    margin:0;
    position:relative;
    background-image:url(image/blog.gif);
    box-shadow:white 0px 1px 100px 20px inset;
    background-size: 500%;
    background-position: bottom;
    border: 1px solid hotpink;
    border-top: none;
    line-height: 10px;
    overflow:scroll;
}
#listbody ul{
    margin:0;
    padding-left:30px
}
#listbody li{
    position:relative;
    margin-top:10px;
}
#aboutme h3{
    text-align: left;
    color:black;
    text-shadow: 1px 1px 1px darkred;
    font-size: 40px;
    margin-top:5px;
    margin-left: 15px;
    margin-bottom:0px
}
#headur h1{
    font-family: equestria;
    font-size: 60px;
}
.heador h1{
    padding-top:5px;
}
.heador h4{
    color: rgb(255, 255, 179);
    position:relative;
    bottom:89%;
    margin:0px;
    width:max-content;
    text-align: right;
    left:89%
}
#headur{
    background:linear-gradient(to bottom, #dba496 0%, #884b3c 50%, #6e392c 50%, #dba496 100%);
    border-bottom: 5px double #6e392c;
    width:100%;
    height:80px;
    position: relative;
    top:0%;
    padding-top:5px
}
.heador{
    background:linear-gradient(to bottom, #6e392c 0%, #a76251 100%);
    border-bottom: 5px double #6e392c;
    width:100%;
    height:50px;
    position: relative;
    top:0%;
    padding-top:5px
}
#arrow{
    width:50px;
    rotate:130deg;
    position:absolute;
    top:400px;
    left:490px;
    z-index: 10;
}
#listbody a{
    color:#555;
    text-decoration: none;
}
#listbody a:hover{
    color:hotpink;
    text-decoration: none;
    font-size: 15px;
}
#blogbg{ 
    height:100%;
}
.blogtext{
    overflow:scroll;
    height:657px;
}
.blogtext p{
    margin:20px;
}
.blogimgR{
    float:right;
    margin: 20px;
    margin-left:5px;
    margin-bottom:5px;
    border:solid 2px hotpink;
    border-radius: 5px;
    width:200px
}
.blogimgL{
    float:left;
    margin: 20px;
    margin-left:5px;
    margin-bottom:5px;
    border:solid 2px hotpink;
    border-radius: 5px;
    width:200px
}
.blogimgM{
  border: 1px #cccccc solid;
  padding: 5px;
  margin:0;
  background-color: white;
  width:min-content;
  float:left;
  margin-left:15px;
  margin-bottom:30px
}
.blogimgM img{
    border:solid 2px hotpink;
    border-radius: 5px;
    height:200px;
    position:relative;
}
.blogimgM p{
  text-align: center;
  margin:0;
  font-size: 15px;
}
#toya2{
    position:absolute;
    height:300px;
    z-index: 10;
    bottom:-76px;
    left:650px;
    z-index: 50;
}
#toya2hide{
    width:25px;
    height:25px;
    z-index: 10;
    font-family: equestria;
    font-size: 15px;
    margin-top:10px;
    margin-left:10px;
    display:inline-block;
}
#hidetoya p{
    margin:0;
    font-size: 18px;
    display: inline-block;
    background-color: rgb(240, 240, 240);
    border: 1px solid hotpink;
    border-radius: 5px;
    padding:2px
}
#hidetoya{
    width:fit-content;
    padding:5px;
    height:10px
}
#pochaily{
    display:block;
    margin:0;
    position:relative;
    left:-50%;
    transform: translate(50%);
    margin-bottom: 10px;
}
.ocs{
    width:150px;
    height:auto;
    display: inline-block;
    margin-right:10px
}
#aboutmebg{
    opacity:50%;
    height:700px;
    position:absolute;
    right:-50px;
    top:0px;
    mix-blend-mode: hard-light;
    z-index: 1;
}
#abmetext{
    height:667px;
    overflow:scroll
}
#octext{
    width:780px;
    font-family: bell mt;
}
#abmetext p{
    margin-left:20px;
    margin-right: 20px;
    margin:0
}
#abmetext h4{
    margin-left:20px;
    margin-right: 20px;
    margin:0;
    color: darkred;
}
#abmetext h2{
    margin-top:5px;
    margin-bottom: 3px;
    color:red;
    text-shadow: -1px -1px darkred
}
#ocbody{
    position:relative;
    float:left
}
#ocbody .sprite{
    width:368px;
    height:620px;
    margin-top: 5px;
    margin-left: 15px;;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border:1px solid hotpink;
    margin-right:20px;
    background-color: white;
}
#ocbody button{
    position:absolute;
    left:50%;
    top:45%;
    transform:translate(-50%, -50%);
}
#ocbody .left1{
    left:15px;
    border: 1px solid deeppink;
    color:deeppink;
    border-radius:50%;
    background:linear-gradient(to bottom, #FFD4F2 0%, #ffb3e7 50%, #ff9dd1 50%, #FFD4F2 100%);
}
#ocbody .right1{
    left:385px;
    border: 1px solid deeppink;
    color:deeppink;
    border-radius:50%;
    background:linear-gradient(to bottom, #FFD4F2 0%, #ffb3e7 50%, #ff9dd1 50%, #FFD4F2 100%);
}
#topic1{
    float:left;
    border:1px solid hotpink;
    background-color: white;
    padding:10px;
    border-radius: 10px;
    margin-top: 10px;
    width:350px;
    margin-left: 15px;
}
#topic1img{
    width:345px;
    height:510px;
    overflow: scroll;
}
#topic1 img{
    margin-top: 10px;
    width:330px
}
#topic2{
    float:right;
    border:1px solid hotpink;
    background-color: white;
    padding:10px;
    border-radius: 10px;
    margin-top: 10px;
    width:355px;
    margin-right: 10px;
    margin-bottom: 20px;
}
#topic2img{
    width:350px;
    height:465px;
    overflow: scroll;
}
#topic2 img{
    margin-top: 10px;
    width:335px
}
#ytembed{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 5px;
    border:1px solid red;
}
#statuscafe {
    padding: 5px;
    background-image: url(image/pandastar.jpg);
    background-position-y: -75px;
    background-size: 100%;
    border: 1px solid #0077dd;
    position: absolute;
    z-index: 100;
    left:50%;
    transform: translate(-50%);
    width:200px;
    top:26%;
    height: 95px;
    overflow: hidden;
}
#statuscafe-username a{
    text-transform: uppercase;
    font-family: bellmt;
    color:red;
    text-shadow: -1px -1px red;
    text-decoration: none;
}
#statuscafe-username{
    color:#555;
    
}
#statuscafe-content{
    padding: 2px;
    background-color: rgba(255, 255, 255, 0.6);
    border:1px dashed skyblue;
    color:darkred
}