@font-face {
    font-family: 'starbim' ;
    src: url(fonts\ used/Starbim.otf);
}

@font-face {
    font-family: impanapixel;
    src: url(fonts\ used/ImpanaPixel-Regular.otf);
}

html{
    background-image:url(pictures\ used/cloudiesss.gif);
    background-size: cover;
    cursor: url(pictures\ used/heart4.gif), auto;
}

#container{
    width:1000px;
    margin:auto;
    height:auto;
    border:rgb(0, 92, 92) groove 5px;
    background-image:url(pictures\ used/stars2.jpg);
    background-size: cover;
    padding:20px;
}

#title{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:800px;
    padding:15px;
}

h1{
    text-align: center;
    color:rgb(4, 93, 103);
    font-family: impanapixel;
    background-color: rgb(141, 178, 210);
    background-size: cover;
}

h3{
    text-align: center;
    color:rgb(4, 93, 103);
    font-family: starbim;
}

p{
    text-align: center;
    font-size: 15px;
    color:rgb(2, 56, 62);
    font-family:MS Gothic;
}

ul{
    text-align: left;
    font-size: 15px;
    color:rgb(2, 56, 62);
    font-family:MS Gothic;
}

#blurb{
    width:950px;
    height:auto;
    margin:auto;
    border:rgb(0, 92, 92) groove 2px;
    background-color: rgb(169, 204, 235);
    padding:10px;
}

#underconstruction{
    font-size: 20px;
    font-style: bolder;
    font-family:impanapixel;
    color:rgb(154, 50, 8);
}

#menu{
    width:200px;
    height:auto;
    border:rgb(10, 74, 90) groove 2px;
    padding:10px;
    background-color: rgb(181, 215, 244);
    justify-content: right 10px;
}

button{
    width:200px;
    height:50px;
    font-size: 15px;
    margin-bottom:10px;
    background-color: rgb(215, 236, 255);
    color:rgb(2, 56, 62);
    font-family: impanapixel;
}

#virtualpet{
    margin:auto;
    translate:-100px -440px;
    justify-content:center;
    border:rgb(0, 92, 92) groove 2px;
    width:314px;
    height:321px;
    display:flex;

}

#hobbies{
    background-color: rgb(169, 204, 235);
    padding: 10px;
    margin:10px;
    width:300px;
    height:auto;
    border:rgb(0, 92, 92) groove 2px;
}

#hobbieslist{
    padding: 5px;
    margin:10px;
    width:300px;
    font-family: impanapixel;
}

#music{
    background-color: rgb(169, 204, 235);
    padding: 10px;
    margin:10px;
    width:430px;
    height: 300px;
    border:rgb(0, 92, 92) groove 2px;
    translate:340px -290px;
}

#songlist{
    padding: 10px;
    margin:10px;
    width:430px;
    translate:230px -200px;
    font-family: impanapixel;
    list-style-type: square;
}

#homebutton{
    translate: 0px -180px;
}

blockquote{
    font-family: impanapixel;
    color:rgb(2, 56, 62);
    width:200px;
    font-size:20px;
    translate:120px -140px;
    
}

#blathers{
    display:flex;
    justify-content: center;
    border:rgb(0, 92, 92) groove 2px;
    width:200px;
    margin:auto;
    translate:180px -765px;
}

#signguestbook{
    translate:580px -750px;
    width:200px;
    height:100px;
    font-size: 15px;
    background-color: rgb(215, 236, 255);
    color:rgb(2, 56, 62);
    font-family: starbim;
    margin:auto;
}

#changelog {
height:200px;
width: 550px;
overflow-x: hidden;
overflow-y: scroll;
background-color: rgb(169, 204, 235);
border:rgb(0, 92, 92) groove 2px;
margin:auto;
translate:18px -740px;
scrollbar-width: thin;
scrollbar-color: rgb(0, 92, 92) rgb(169, 204, 235);
}

#cute-blue-bow{
translate:820px -1750px;
rotate: 25deg;
}