:root {
    --primary-color: #FFB8DA;
     --border: #a17989
}


@font-face {
font-family:'nikyukyu';
src: url(https://dl.dropbox.com/s/tj1p07o8xlthc3x/NIKUKYU.ttf);
 
}

@font-face {
src: url(https://dl.dropbox.com/s/gavkuhehligvhz8/PsycheLover-Regular.otf);
    font-family: psyche;

 }
@font-face {
src: url(https://dl.dropbox.com/s/uougf9v63jmphoj/Jojoba.otf);
font-family: jojoba;
}
p {
    color:var(--border: #a17989);
    font-family: jojoba;

}
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: sans-serif;
cursor: url(/images/444.png), auto;
}
a{
color: #FFB8DA;
    background: #FFEBF6;
}
::selection {
    background-color: #FFEBF6;
    color: white;
  }
  ::-moz-selection { /* For Firefox */
    background-color: #FFEBF6;
    color: white;
  }

h1{
    margin-top:1.5rem;
    color: #9f7565;
    font-size: 2em;
    font-family: psyche;
    filter: drop-shadow(0.5px 0.5px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 0.5px 0 white) drop-shadow(0 0.5px 0 white) drop-shadow(0 0.5px 0.5px white) drop-shadow(0.5px 0.5px 1px white) drop-shadow(0.5px 0.5px 1px black);

    
}

body{
background-image: linear-gradient(transparent, #fffff1cb) ,url(/images/aboutbg.jpg);
background-attachment: fixed;
    background-repeat:no-repeat;
    background-size: cover;
}

.wrap{
margin: 2rem auto;
width: 50rem;
height: 50rem;
background-image:url(/images/kabe-cute15.gif);
border: 8px ridge white;
display: flex;
flex-direction: column;
overflow: auto;
box-shadow: #833554a1 -3px 4px 9px -3px;
    border-radius:20px;
border-image: url("http://media.tumblr.com/tumblr_ma3nmi1Gb91qbq39l.gif") repeat 11;
}

.main {
    width: 98%;
height: 10%;
background-color: #fffdfa;
border-bottom: 5px ridge var(--border);
box-shadow: inset #ffc0c0 0 0 6px;
    text-align: left;
    padding-left:20px;
    margin-top:6px;
    align-self: center;
    border-radius:20px;
}

#kento img {
    width:200px;
    left:547px;
    position:relative;
    bottom:64px;
        filter: drop-shadow(-0.5px 0.5px 0 #FFB8DA) drop-shadow(0 0.5px 0 #FFB8DA) drop-shadow(0 0.5px 0 #FFB8DA) drop-shadow(0 0.5px 0.5px #FFB8DA) drop-shadow(0 0.5px 1px #FFB8DA);

}

.prof {
        width: 50%;
    height: 37rem;
    background-color: #fffcf9;
    border: 3px ridge #ffd8e9;
    border-radius: 10px 10px 3px 3px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    position:relative;
    bottom:-10px;
    margin-left:10px;
    margin-bottom:16px
}

.header {
    width: 100%;
    height: 11rem;
    background-image:url(cloverbg.gif);
    border: 2px ridge #9f7565;
    border-radius: 3px 5px;
    padding: 3px;
    box-shadow: inset #ffddeb 0 0 6px;
    display:flex;
}

#ruiimg img {
    width:165px;
        filter: drop-shadow(-0.5px 0.5px 0 #FFB8DA) drop-shadow(0 0.5px 0 #FFB8DA) drop-shadow(0 0.5px 0 #FFB8DA) drop-shadow(0 0.5px 0.5px #FFB8DA) drop-shadow(0 0.5px 1px #FFB8DA);
    border-radius:10px;
    margin-left:2px;
 
}

#text {
     background-image: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(250, 250, 251) 5%, rgb(250, 251, 251) 95%, rgb(255, 255, 255) 100%);
    box-shadow: rgb(202, 202, 202) 0px 0px 5px 0px inset, rgb(187, 187, 187) 0px -4px 5px -3px, rgb(255, 255, 255) 0px 5px 1px -3px;
    margin-left:20px;
    height:150px;
    align-self: center;
    width: 170px;
    border-radius:20px;
    padding:8px;
    font-size:14px;
    overflow-y:auto;
    font-family: jojoba;
    color: #856371;
    
}

#text i {
    color:#F3D0D7;
   font-family:'nikyukyu';
        font-size:17px;



}

.intro_wrap {
    width: 100%;
    height: 15rem;
    background: linear-gradient(#fffff1, #ffdceb);
    border: 2px ridge #9f7565;
    padding: 10px;
    border-radius: 10px;
}

.intro {
    width: 100%;
    height: 215px;
    border: 2px ridge #f0bfd4;
    background-color: #fffff7;
    box-shadow: inset #ffddeb 0 0 6px;
    padding: 5px;
    color: #856371;
}