html {
  min-height: 100%;
}

body {
  display: flex;
  flex-direction: row;
  padding-top: 200px;
  font-family: monospace;
  max-width: 1400px;
  cursor: url('index_stuff/f4dc25a9e5e47a88fe83afda4231b945.png'), auto;
} 

.cynthia {
height: 300px;
position: fixed;
top: 80px;
left: 180px;
z-index: 5;
}

.dialga {
  position: fixed;
  height: 200px;
  top: 630px;
  left: 130px;
  z-index: 5;
}

.leftSection {
  width: 400px;
  height: 1500px;
}

.leftSection h1 {
  text-align: center;
  margin: auto;
  position: fixed;
  top: 380px;
  left: 140px;
}

.leftSection p {
  position: fixed;
  top: 400px;
  left: 20px;
  width: 300px;
  margin: auto;
  text-align: center;
  margin: 30px;
}

.rightSection {
  overflow-y: scroll;
  width: 1000px;
}

.art {
  display:flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}

.art img{
  height: 50vh;
  margin: 10px;
}

.nav {
  position: fixed;
  top: 100px;
  left: 100px;
  list-style-type: none;
}