body {
    background-image: url(yokan\ 2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

#wrapper {
    width: 50vw;
    justify-self: right;
    margin: 2vw;
}

nav {
    font-family: king;
    color: rgb(116, 165, 145);
    text-shadow: 3px 3px rgb(48, 23, 117);
    text-align: center;
    padding: 0;
}
nav h1{
    margin-bottom: 9vh;
    font-size: 3.6vw;
    transition: ease .3s;
}
nav h1:hover {
    color: rgb(217, 219, 228);
    font-size: 3.8vw;
}
nav a {
    font-family: test;
    color: rgb(186, 207, 188);
    text-decoration: none;
    font-size: 2vw;
    padding-left: 10px;
    padding-right: 10px;
    border: white 2px solid;
    transition: ease .3s;
}
nav a:hover {
    border: white 5px double;
}
h2 {
    margin: 0;
    text-align: center;
}

main {
    color: rgb(207, 207, 239);
    margin-top: 5vh;
    font-family: alice;
    background-size: cover;
    letter-spacing: 1px;
    font-size: 1.4vw;
    max-height: 58vh;
    border: dotted white 2px;
    text-shadow: 2px 2px black;
    border-radius: 3px;
    background-color: rgba(91, 114, 179, 0.311);
    overflow: auto;
    padding: 10px;
}
main a {
    color: white;
}

#moon {
    width: 10vw;
    rotate: -20deg;
    position: absolute;
    left: 2vw;
    top: 5vh;
}
#cats {
    width: 15vw;
    rotate: -20deg;
    position: absolute;
    left: -1vw;
    top: -7vh;
}
#star {
    right: 46vw;
    top: 20vh;
    width: 10vw;
    rotate: -20deg;
    position: absolute;
}
#lily {
    position: absolute;
    left: 0;
    top: 50vh;
    rotate: 20deg;
}

@font-face {
    font-family: "king"; 
    src: url("kingjola.ttf") format("truetype");
}

@font-face {
    font-family: "test"; 
    src: url("Cardinal.ttf") format("truetype");
}

@font-face {
    font-family: "alice"; 
    src: url("Alice_in_Wonderland_3.ttf") format("truetype");
}

 ::-webkit-scrollbar {
    background: rgba(255, 255, 255, 0);
}
::-webkit-scrollbar-thumb {
    background: #225085;
}
::-webkit-scrollbar-track {
    background: #bacdfb00;
}