* {
    cursor: url("/img/creampoint.png"), auto;
}

body {
    background-size: cover;
    background-color: white;
    background-attachment: fixed;
    font-family: "DotGothic16";
    font-size: 15px;
    color: #203242;
    
    
}

a {
  color: #5d93b0;
  text-decoration: none;
  letter-spacing: normal;
  transition: letter-spacing 0.3s ease;
}

a:hover {
 letter-spacing: 2px;
}

::selection {
    color: #162336;
    background-color: #d3eef5;
}


.boxALL {
padding-top: 240px;
height: auto;
width: 700px;
display: flex;
margin: 0 auto;
position: relative;

}

.boxLANDING {
transform: rotate(-8deg);
margin: auto;
height: 425px;
width: 318.5px;
margin-top: 200px;
border: 0px solid transparent;  /* Don't delete this */
padding: 30px;
border-image: url(/img/paper%20png2.png) 1 fill; /*This is what's making the border fill in the middle*/
overflow:visible;


}


.landingCONTENT {
  text-align: center;
margin: 30% 20% 5% 20%;


}

.pagedoll2 {
    position: absolute;
    display: block;
    top: 350px;
    left: 300px;
    z-index: 10;
    transition: transform 0.5s ease;
}

.pagedoll2:hover {
    -webkit-transform:rotate(10deg);
    -ms-transform:rotate(10deg);
    -moz-transform:rotate(10deg);
    -o-transform:rotate(10deg); 
    transform: rotate(10deg)
}

.paperbg {
  
    position: absolute;
    display: block;
    top: 250px;
    left: 320px;
    z-index: 1;
}