body{ background-color:black;
font-family: "Press Start 2P", system-ui;
 cursor: url('Batcursor.png'),auto;
  }
.circle{
            background-color:blueviolet;
            width:100px;
            height:100px;
            border-radius:50%;
            border-color:black;
            position:relative;
            transition-property:transform;
            transition-duration:0.3s;
            transition-timing-function:ease-in-out;
            transition-delay:0s;
             cursor: url('Batcursor.png'),auto;
             
    }
    .circle:hover{ transform: translateY(-10px);
    }
.content{
    position:absolute;
    width:inherit;
    height:auto;
    top:20%;
    left:25px;
    transform:translate y(-50%);
    color:#491655;
    font-style:italic;
    font-family: "Press Start 2P", system-ui;
    text-align:center;
}

.grid-container{

  display: grid;
  grid-template-columns: 300px 1fr;
  grid-template-rows: 100vh;
  gap: 1em;
  }

.item{
  padding:2em;
  background-color: blueviolet;
  color: white;
  text-align: center;
  border-radius:8px;
  font-size:1.5rem;
}