*{
    cursor:url(https://file.garden/aO8B2N6hm3kp-2pV/mimicursor/cursor.cur), default;
} 

/****** fonts ******/
@font-face{
    font-family:"Scratch Boys";
    src:url(https://files.catbox.moe/1sb02z.ttf);
}

@font-face{
    font-family:"Cerl";
    src:url(https://dl.dropbox.com/s/vaz4fe5yzk2uiku/CHERL___.TTF);
}

@font-face{
    font-family:"Adorable Doll";
    src:url(https://dl.dropbox.com/s/plehp3a9xbtct7n/AdorableDoll.ttf);
}

@font-face{
    font-family:"Vintage";
    src:url(https://files.catbox.moe/nwq0cf.ttf);
}

@font-face{
    font-family:"Porky";
    src:url(https://files.catbox.moe/k3akma.TTF);
}

@font-face{
    font-family:"Ace";
    src:url(https://files.catbox.moe/q5w88y.TTF);
}

@font-face{
    font-family:"Rounded";
    src:url(https://files.catbox.moe/ur2f53.ttf);
}

@font-face {
    src:url(/fonts/rainyhearts.ttf);
    font-family:"rainyhearts";
} 
    
@font-face {
   src:url(/fonts/Spirit.ttf);
   font-family:"Spirit";
} 

@font-face {
   font-family:"Momo Signature";
    src:url(/fonts/MomoSignature.ttf);
} 
    
@font-face {
  font-family:"Yuji Mai";
   src:url(/fonts/YujiMai.ttf);
}

@font-face {
  font-family:"Comic Relief";
   src:url(/fonts/ComicRelief.ttf);
} 

@font-face {
  font-family:"Sniglet";
   src:url(/fonts/Sniglet.ttf);
} 

/****** scrollbar ******/
::-webkit-scrollbar {
    width: 10px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background:#FFCFEF;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
}
}

/****** select hightlight ******/
::selection{
    background:#B4B4FF;
    color:white;
}

::-moz-selection{
    background:#B4B4FF;
    color:white;
}

/****** body ******/
body{
    background-color:#ffffff;
    background-image:url(/images/mimitile2.png);
    background-repeat:repeat;
    background-position:0 0;
    background-size:345px;
    background-attachment:fixed;
    color:#000; /* default font color */
    font-family:"Comic Relief"; /* default font */
    font-size:18px; /* default font size */
    margin:0;
}


/****** links ******/
a{
    text-decoration:underline;
    color:#B59BE0;
    transition:0.3s;
}

a:hover{
    cursor:url(https://file.garden/aO8B2N6hm3kp-2pV/mimicursor/cursor2.cur), help;
    transition:0.3s;
    color:#EBABD8;
    text-shadow:-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}

/****** wrappers ******/
#wrapper{
    animation:fadeEffect 1s;
    margin:auto;
    width:800px;
    padding:100px 10px;
}

@keyframes fadeEffect{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}

#header{
    width:100%;
    border:4px solid #EBABD8;
    border-radius:20px 20px 0 0;
    object-fit:cover;
    box-sizing:border-box; 
    background:linear-gradient(0deg, rgba(245, 235, 244, 0.9) 0%, rgba(255,255,255,0.8) 100%);
}

#header img{
    width:100%;
    display:block;
    margin-top:-110px;

}


#container{
    border:4px solid #EBABD8;
    border-top:none;
    width:100%;
    box-sizing:border-box; 
    background-color:white;
    display:flex;
}

#left{
    border-right:4px solid #EBABD8;
    width:200px;
    padding:5px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

#right{
    border-left:4px solid #EBABD8;
    width:365px;
    padding:8px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

#title{
    font-family:Momo Signature;
    font-size:65px;
    position:absolute;
    margin-top:20px;
    margin-left:20px;
    color:#FFE8FB;
    text-shadow: rgb(232, 139, 210) 5px 0 0, rgb(232, 139, 210) 4.90033px 0.993347px 0, rgb(232, 139, 210) 4.60531px 1.94709px 0, rgb(232, 139, 210) 4.12668px 2.82321px 0, rgb(232, 139, 210) 3.48353px 3.58678px 0, rgb(232, 139, 210) 2.70151px 4.20736px 0, rgb(232, 139, 210) 1.81179px 4.6602px 0, rgb(232, 139, 210) 0.849836px 4.92725px 0, rgb(232, 139, 210) -0.145998px 4.99787px 0, rgb(232, 139, 210) -1.13601px 4.86924px 0, rgb(232, 139, 210) -2.08073px 4.54649px 0, rgb(232, 139, 210) -2.94251px 4.04248px 0, rgb(232, 139, 210) -3.68697px 3.37732px 0, rgb(232, 139, 210) -4.28444px 2.57751px 0, rgb(232, 139, 210) -4.71111px 1.67494px 0, rgb(232, 139, 210) -4.94996px 0.7056px 0, rgb(232, 139, 210) -4.99147px -0.291871px 0, rgb(232, 139, 210) -4.83399px -1.27771px 0, rgb(232, 139, 210) -4.48379px -2.2126px 0, rgb(232, 139, 210) -3.95484px -3.05929px 0, rgb(232, 139, 210) -3.26822px -3.78401px 0, rgb(232, 139, 210) -2.4513px -4.35788px 0, rgb(232, 139, 210) -1.53666px -4.75801px 0, rgb(232, 139, 210) -0.560763px -4.96845px 0, rgb(232, 139, 210) 0.437495px -4.98082px 0, rgb(232, 139, 210) 1.41831px -4.79462px 0, rgb(232, 139, 210) 2.34258px -4.41727px 0, rgb(232, 139, 210) 3.17346px -3.86382px 0, rgb(232, 139, 210) 3.87783px -3.15633px 0, rgb(232, 139, 210) 4.4276px -2.32301px 0, rgb(232, 139, 210) 4.80085px -1.39708px 0, rgb(232, 139, 210) 4.98271px -0.415447px 0;
}

#tagline{
    font-family:sniglet;
    font-size:15px;
    font-style:italic;
    position:absolute;
    margin-top:200px;
    margin-left:20px;
    color:#FFE8FB;
    text-shadow: rgb(232, 139, 210) 2px 0px 0px, rgb(232, 139, 210) 1.75517px 0.958851px 0px, rgb(232, 139, 210) 1.0806px 1.68294px 0px, rgb(232, 139, 210) 0.141474px 1.99499px 0px, rgb(232, 139, 210) -0.832294px 1.81859px 0px, rgb(232, 139, 210) -1.60229px 1.19694px 0px, rgb(232, 139, 210) -1.97998px 0.28224px 0px, rgb(232, 139, 210) -1.87291px -0.701566px 0px, rgb(232, 139, 210) -1.30729px -1.5136px 0px, rgb(232, 139, 210) -0.421592px -1.95506px 0px, rgb(232, 139, 210) 0.567324px -1.91785px 0px, rgb(232, 139, 210) 1.41734px -1.41108px 0px, rgb(232, 139, 210) 1.92034px -0.558831px 0px;
}

.subtitle{
    -radius:20px;
    background:linear-gradient(rgba(255, 232, 251, 1) 0%, rgba(235, 232, 255, 1) 100%);
    text-align:center;
    padding:5px;
    color:#000;
    font-family:Momo Signature;
    font-size:14px;
    margin-bottom:10px;
}

.link{
    margin-bottom:10px;
    display:flex;
    gap:5px;
    margin-left:10px; 
}

.updates{
    width:100%;
    height:200px;
    overflow:auto;
    padding:5px;
    box-sizing:border-box; 
    font-size:12px;
    border:2px dashed #F077B9;
}


.status{
    width:100%;
    height:50px;
    overflow:auto;
    padding:2px;
    box-sizing:border-box; 
    font-size:10px;
    border:2px dashed #F077B9;
}

.highlight{
    background-color:#B4B4FF;
    color:white;
}

#center{
    width:100%;
    padding:10px;
    overflow:auto;
    overflow-x:hidden;
    height:444px;
    text-align:center;
}