body {


    background-image: url(https://inkcaps.neocities.org/assets/background/green_flower_scrap_page_by_jinifur_d35frc2-fullview.jpg);
    background-size: cover;
    background-color: #064332;
    font-size: 1.2rem;
    font-family: "alice";
    color: #260303;
    cursor: url(https://inkcaps.neocities.org/assets/cursors/flower30.gif), auto;


}

header {


  
    margin-left: auto;
    margin-right: auto;
    max-width: 30%;
    font-size: 4rem;
    


}

#title {
    
    position: relative;
    top: 115;
    left: 115;
    font-family: "Twinkle Star";
    color: #feca68;
    text-shadow: 2px 2px #fea501, 2px 2px #986301, 4px 4px #332100, 4px 4px #191100; 

    
}

#topborder {
    
    
    background-image: url(https://inkcaps.neocities.org/assets/borders/sdmk-ps.gif);
    background-repeat: repeat-x;
    width: 100%;
    position: fixed;
    height: 60px;
    top: 0;
    left: 0;
    z-index: 10;
    image-rendering: pixelated;
    
    
    
}

#bottomborder {

    background-image: url(https://inkcaps.neocities.org/assets/borders/sdmk-p2.gif);
    background-repeat: repeat-x;
    width: 100%;
    position: fixed;
    height: 30px;
    bottom: 0;
    left: 0;
    z-index: 10;
    image-rendering: pixelated;


}

#navcontainer {
    
    
    position: absolute;
    top: 50%;
    left: 4.5%;
    background-image: url(https://inkcaps.neocities.org/assets/background/ck3.gif);
    width: 20%;
    height: 12em;
    padding: 1.5em;
    transform: rotate(-10deg);
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 0px 50px 10px rgba(254, 205, 206, 0.75);
    border-color: #d65c70;
    border-style: dotted;
    border-width: 2.5px;
    overflow: auto;
   
    
}

nav {
    
    background-image: url(https://inkcaps.neocities.org/assets/background/c2-pur1.gif);
    height: 82%;
    padding: 1em;
    overflow: auto;
    border-style: solid;
    border-color: #661926;
    
    
    
    
}

nav a:link, nav a:visited {

    display: inline-block;
    background-color: #b1cc99;
    padding: 10px;
    border-style: solid;
    color: #25331a;
    border-radius: 5px;

}

nav a:hover, nav a:active {

    background-color: #dea0b5;
    color: #4c1a2b;


}

.navbar img {

vertical-align: bottom;


}

nav h1 {

    margin-top: -.1em;
    margin-bottom: .5em;
    font-size: 3rem;
    text-decoration: underline;
    font-family: "Magic Land";
    color: #b1cc99;
    text-shadow: 1px 1px #4b6732, 2px 2px #192211, 2px 2px #0c1109;

}

#container {
    
    background-image: url(https://inkcaps.neocities.org/assets/background/mag-salmon-smaller.png);
    max-width: 40%;
    height: 100%;
    margin: auto;
    margin-top: 5em;
    margin-bottom: 1.5em;
    padding: 1.5em;
    border-radius: 5px;
    box-shadow: 0px 0px 50px 25px rgba(254, 205, 206, 0.75);
    border-color: #db576d;
    border-width: 2.5px;
    border-style: dotted;
   
    
    
    
    
}


main {
    
    background-image: url(https://inkcaps.neocities.org/assets/background/grid-green2.png);
    height: 94%;
    padding: 1em;
    overflow: scroll;
    border-style: solid;
    border-color: #7e1b2b;
    line-height: 1.5rem;
    text-align: center;
   
      
    
    
}

main h1 {
    
    background-image: url(https://inkcaps.neocities.org/assets/background/riso-yellow.png);
    background-size: cover;
    width: auto;
    text-align: center;
    font-size: 2rem;
    padding: 15px;
    margin-top: 0px;
    border-radius: 15px;
    border-style: double;
    border-width: 2.5px;
    border-color: #ebb114;
    font-family: "Twinkle Star";
    text-decoration: underline;

    
    
    
}

main h2 {
    
     background-image: url(https://inkcaps.neocities.org/assets/background/riso-yellow.png);
    font-family: "Twinkle Star";
    font-size: 3.5rem;
    padding: 15px;
    line-height: 1.3em;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
     border-radius: 15px;
    border-style: double;
    border-width: 2.5px;
    border-color: #ebb114;
   
    
}


.update {


    background-image: url(https://inkcaps.neocities.org/assets/background/gbi_bdayset2_bg5.gif);
    font-size: 1rem;
    line-height: 1.4rem;
    max-width: 40%;
    padding: 15px;
    border-radius: 15px;
    margin-left: 5px;
    margin-right: 5px;
    border-style: dashed;
    image-rendering: pixelated;
    
    
    


}

.update b {
    
    font-family: "Magic Land";
    font-size: 1.5rem;
   
    
    
}

.update a:link, .update a:visited {
    
   
    font-weight: bolder;
    color: #25331a;
    
    
    
}

.update a:hover, .update a:active {
    
    color: #be416b;
    
    
    
}

p::first-letter {
    
       font-family: "Twinkle Star";
       font-size: 35px;
       vertical-align: baseline;
        font-weight: bold;
    
    }
    
  footer {
      
      margin-bottom: 2.5em;
      
    }

#fairy {

    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 11;


}

#fairy img {
    
    width: 75%;
    
    
}

#stamp {
    
    
    position: absolute;
    top: 600;
    left: 60;
    z-index: 5;


    
    
}

#stamp img {
    
    width: 10%;
    
    
}

#tape {
    
    position: absolute;
    top: 160;
    left: 920;
    transform: rotate(20deg);
    
    
    
    
}

#tape img {
    
    
    width: 60%;
    
}

#lettering {
    
    position: absolute;
    left: -30
    
    
}

#lettering img {
    
    width: 60%;
    
    
}

#teacup img {
    
    position: absolute;
    left: 900;
    top: 350;
    max-width: 25%;
    z-index: -1;
    
    
    
}

@font-face {
  
  font-family: "alice";
  src: url("https://inkcaps.neocities.org/fonts/alice.woff");
  
}

@font-face {

    font-family: "Twinkle Star";
    src: url(https://inkcaps.neocities.org/fonts/TwinkleStar-Regular.ttf);


}

@font-face {
  
  font-family: "Magic Land";
    src: url(https://inkcaps.neocities.org/fonts/Magic%20Land-1.otf);
    

  
}