@font-face {
    font-family: 'titleFont';
    src: url(Crafter-Rough.otf);
}
@font-face {
    font-family: 'textFont';
    src: url(DOSIyagiBoldface.ttf);
}

* {
  cursor: url('img/cursor.PNG') , default !important;
}

.header{
    background-color: pink;
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;  /* horizontal */
    align-items: center;  
    text-align: center;
    color: rgb(196, 60, 105);
}
.header p {
    font-family: 'titleFont';
    font-size: 40px;

}

.scene {
  position: relative;
}

.bg {
  width: 100%;
  height: auto;   /* keeps full vertical image */
  display: block;
}

.axo {
  position: absolute;
  width: 200px;
}

/* position your axolotls */
.axo1 {
  top: 200px;
  left: 800px;
}

.axo2 {
  top: 600px;
  right: 120px;
}

.axo3{
    top: 300px;
    left: 80px;
}

.axo4{
    width: 700px;
    height: auto;
    top: 600px;
    left: 200px;
    transform: scaleX(-1);
}

.axo5{
    top: 500px;
    right: 300px;
}

.axo6{
    width: 500px;
    height: auto;
    bottom: 300px;
    right: 300px;
}

.axo7{
    width: 400px;
    height: auto;
    bottom: 500px;
    left: 600px;
}

.axo8{
    width: 400px;
    height: auto;
    bottom: 1000px;
    right: 300px;
}

.axo9{
    width: 380px;
    height: auto;
    top: 1000px;
    left: 100px;
}

.axo10{
    width: 350px;
    height: auto;
    bottom: 200px;
    left: 200px;
    transform: scaleX(-1);
}

.axo11{
    bottom: 700px;
    right: 200px;
}