cursor:url(https://static.tumblr.com/diohc0k/mg2mlt7bs/knife.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/vaz4fe5yzk1uiku/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);
}
/****** scrollbar ******/
::-webkit-scrollbar{
display:none;
}
/****** select hightlight ******/
::selection{
background:#dd1a42;
color:white;
}
::-moz-selection{
background:#dd1a42;
color:white;
}
/****** body ******/
body{
background-color:#ffffff;
background-image:url();
background-repeat:repeat;
background-position:0 0;
background-attachment:fixed;
color:#000; /* default font color */
font-family:"Rounded"; /* default font */
font-size:20px; /* default font size */
margin:0;
}
/****** links ******/
a{
text-decoration:underline;
color:#dd1a42;
transition:0.3s;
}
a:hover{
cursor:url(https://static.tumblr.com/diohc0k/WKcmlt7dc/knife1.cur), help;
transition:0.3s;
color:#fdcccf;
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:5px solid #dd1a42;
border-radius:20px 20px 0 0;
object-fit:cover;
box-sizing:border-box;
background:linear-gradient(0deg, rgba(253,204,207,1) 0%, rgba(255,255,255,1) 100%);
}
#header img{
width:100%;
display:block;
margin-top:-110px;
}
#container{
border:5px solid #dd1a42;
border-top:none;
width:100%;
box-sizing:border-box;
background-color:white;
display:flex;
}
#left{
border-right:5px solid #dd1a42;
width:263px;
padding:10px;
display:flex;
flex-direction:column;
justify-content:space-between;
}
#title{
font-family:Rounded;
font-size:80px;
position:absolute;
margin-top:20px;
margin-left:20px;
color:#fdcccf;
text-shadow: rgb(221,26,66) 5px 0 0, rgb(221,26,66) 4.90033px 0.993347px 0, rgb(221,26,66) 4.60531px 1.94709px 0, rgb(221,26,66) 4.12668px 2.82321px 0, rgb(221,26,66) 3.48353px 3.58678px 0, rgb(221,26,66) 2.70151px 4.20736px 0, rgb(221,26,66) 1.81179px 4.6602px 0, rgb(221,26,66) 0.849836px 4.92725px 0, rgb(221,26,66) -0.145998px 4.99787px 0, rgb(221,26,66) -1.13601px 4.86924px 0, rgb(221,26,66) -2.08073px 4.54649px 0, rgb(221,26,66) -2.94251px 4.04248px 0, rgb(221,26,66) -3.68697px 3.37732px 0, rgb(221,26,66) -4.28444px 2.57751px 0, rgb(221,26,66) -4.71111px 1.67494px 0, rgb(221,26,66) -4.94996px 0.7056px 0, rgb(221,26,66) -4.99147px -0.291871px 0, rgb(221,26,66) -4.83399px -1.27771px 0, rgb(221,26,66) -4.48379px -2.2126px 0, rgb(221,26,66) -3.95484px -3.05929px 0, rgb(221,26,66) -3.26822px -3.78401px 0, rgb(221,26,66) -2.4513px -4.35788px 0, rgb(221,26,66) -1.53666px -4.75801px 0, rgb(221,26,66) -0.560763px -4.96845px 0, rgb(221,26,66) 0.437495px -4.98082px 0, rgb(221,26,66) 1.41831px -4.79462px 0, rgb(221,26,66) 2.34258px -4.41727px 0, rgb(221,26,66) 3.17346px -3.86382px 0, rgb(221,26,66) 3.87783px -3.15633px 0, rgb(221,26,66) 4.4276px -2.32301px 0, rgb(221,26,66) 4.80085px -1.39708px 0, rgb(221,26,66) 4.98271px -0.415447px 0;
}
.subtitle{
border-radius:20px;
background:radial-gradient(circle, rgba(253,204,207,1) 0%, rgba(255,255,255,1) 100%);
text-align:center;
padding:5px;
color:#000;
margin-bottom:10px;
}
.link{
margin-bottom:10px;
display:flex;
gap:5px;
margin-left:10px;
}
.updates{
width:100%;
height:200px;
overflow:auto;
padding:10px;
box-sizing:border-box;
border:5px solid #dd1a42;
}
.highlight{
background-color:#dd1a42;
color:white;
}
#right{
width:100%;
padding:10px;
overflow:auto;
height:400px;
}
/****** music player ******/
#musicplayer{
margin:auto;
width:378px;
border:5px solid #dd1a42;
box-sizing:border-box;
border-radius:0 0 20px 20px;
border-top:none;
background-color:#fdcccf;
}
.controls{
font-size:35px !important; /* size of controls */
text-align:center;
width:100%;
}
.controls td{
padding:5px;
}
.playpause-track:hover, .prev-track:hover, .next-track:hover{
cursor:url(https://static.tumblr.com/diohc0k/WKcmlt7dc/knife1.cur), help;
}
.playpause-track, .prev-track, .next-track{
color:#dd1a42; /* color of controls */
}
.playpause-track{
font-size:30px;
}
/****** phone ******/
#phonewrapper{
position:fixed;
bottom:-445px;
left:23px;
transition:0.5s;
}
#phonewrapper:hover{
bottom:0;
transition:0.5s;
}
#screen{
border:4px solid black;
width:200px;
height:300px;
background-color:white;
overflow:hidden;
z-index:1;
}
#screen2{
padding:40px 10px 0 10px;
border:4px solid #000;
border-radius:10px 10px 0 0;
background-color:#1f201c;
margin-bottom:-4px;
}
#outer{
padding:0 15px 0 15px;
border-left:4px double #498292;
border-right:4px solid #498292;
border-top:4px solid #498292;
border-bottom:4px solid #000;
background:radial-gradient(circle, rgba(125,197,218,1) 0%, rgba(80,149,169,1) 100%);
border-radius:30px 30px 0 0;
}
#bottom{
height:30px;
background:linear-gradient(180deg, rgba(125,197,218,1) 0%, rgba(80,149,169,1) 100%);
border-left:4px double #498292;
border-right:4px solid #498292;
border-top:4px solid #498292;
}
#earpiece{
width:100px;
height:8px;
border-radius:10px;
border:4px solid #498292;
margin:20px auto;
background-color:#346472;
}
#bar{
width:120px;
height:5px;
border:4px solid #d3d3d3;
background-color:#d3d3d3;
margin:20px auto;