body{
background-image:url("/img/background.jpg");
background-attachment: fixed;
background-position: center;
font-family: 'FortySeven Micro NBP', sans-serif;
background-size: cover;
}

* {
  cursor: url("/img/cursor.gif"), auto;

}

a:visited{
color: #ff668a;
}
 
a:hover{
text-shadow: 0px 0px 2px #78beff;
}
 


::-webkit-scrollbar{
width: 8px; 
}
 
::-webkit-scrollbar-track{
background-color: #fff7fb;
}
 
::-webkit-scrollbar-thumb{
background-color: #ff668a;  
}
 
.main {
 position: relative;
    width: 1000px;
    height:1038px;
    margin: 5% auto  ;
    grid-area: main;
    filter: drop-shadow(10px 10px 1px #C2DA84);
}


.cloud {
 position: relative;
  width: 620px;
  background-image: url('/img/top.png');
  top: -942px;
  left: 180px;
  z-index: -1;
  height: 360px;
  background-repeat: no-repeat;
}

.bottom {
position: relative;
  width: 481px;
  background-image: url('/img/bottom.jpg');
  top: -815px;
  left: 260px;
  z-index: -1;
  height: 365px;
  background-repeat: no-repeat;
}

.border {
margin: 5% auto 5%;
width: fit-content;
display: grid;
grid-template-areas:
'header'
'main';
}

.header {
grid-area: header;
font-size:6rem;
filter: drop-shadow(1px 1px 0 #fff) drop-shadow(2px 2px 2px #fff) drop-shadow(0 0 50px #d67972) drop-shadow(0 0 30px #d67972);
background-image: url("/img/fontpic.png");
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
font-family: "king";
}

@font-face {
    font-family: 'king';
    src: url('/font/King.ttf');
}

.sticker1 {
  position: absolute;
  right: 36px;
  top: 34px;
  width: 119px;
}