body{
background-color: #d7c5e0;
background-image: url('tile.webp');
background-repeat: repeat;
background-size: 20%;
background-attachment: fixed;
color: #23262e;
font-family: 'Huninn', sans-serif;
}

* {
cursor: url("crow.webp") 3 2, default;
}

a:hover {
  cursor: url("seagull.png") 3 2, pointer;
}

#all{
width: 460px;
margin:0 auto;
}
 
img{
opacity: 1;
}
 
#header{
width: 460px;
margin: 15px 0px 7px 0px;
background-color: #fff;
outline: 3px solid black;
border-radius: 25px 25px 0px 0px;
font-family: 'Sirukota_demo.html', fantasy;

}
 
h1{
font-family: 'Sirukota_demo', fantasy;
text-align: center;
font-size: 45px;
font-weight: normal;
color: #000;
margin: 0px;

}
 
#nav{
background-color: #fff;
width: 460px;
margin-bottom: 10px;
outline: 3px solid black;
}
 
#nav ul {
text-align: center;
padding: 0px;
margin: 0px;
}

#nav li {
list-style-type: none;
display: inline;
padding-left: 5px;
}


a{
text-decoration: none;
color: #a000b0;
}
 
a:visited{
color: #c000b0;
}
 
a:hover{
font-style: italic;
font-weight: bold;
color:#a000b0;
}
 
a:active{
font-style: italic;
font-weight: bold;
color:#a000b0;
}

#golden{
position:fixed;
bottom: 293px;
right: 280px;

}
#main{
background-color: #fff;
width: 430px;
padding: 15px;
text-align: justify;
outline: 3px solid black;
border-radius:  0px 0px 25px 25px;
}
 
::-webkit-scrollbar{
width: 6px; 
}
 
::-webkit-scrollbar-track{
background-color: #a000b0;
}
 
::-webkit-scrollbar-thumb{
background-color: #a000b0;
}