body{
  cursor: url('Batcursor.png'),auto;
  }
.lucindalogo{
  background-image: url('lucindagames.com.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  position:absolute;
  top:8px;
  right:200px;
  width:1000px;
  height:100px;
  
  }
.circle{
            background-color:blueviolet;
            width:100px;
            height:100px;
            top:8px;
            left:2000px;
            border-radius:50%;
            border-color:black;
            position:absolute;
            transition-property:transform;
            transition-duration:0.3s;
            transition-timing-function:ease-in-out;
            transition-delay:0s;
    }
    .circle:hover{ transform: translateY(-10px);
    }
    
.content{
    position:absolute;
    width:inherit;
    height:auto;
    top:50%;
    transform:translate y(-50%);
        text-align:center;
    font-family:gothik steel;
    color:#491655;
    font-style:italic;
}
.container2{
  padding:1px;
  display:grid;
  overflow:hidden;
  }
.lucinda{
  background-image: url('Lucinda asset.png');
  height:800px;
  width:600px;
  background-size:contain;
  }
  .background{
    background-image:url('images/stars.jpg');
    height:900px;
    width:700px;
    border-color:black;
    background-size:cover;
    border-width:50px;
    }
    .container{
      background-color:purple;
      height:900px;
      width:700px;
      top:8px;
      right:700px;
      border-width:50px;
      background-size:cover;
      background-position:center;
      position:absolute;
      }
      
      body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('warning.png');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }