index.html

<!DOCTYPE html>
<html>
<head>
<style>
    .green{
  position: absolute;
  width: 100px;
  color: white;
  line-height: 100px;
  text-align: center;
}

.green {
  top: 60px;
  left: 60px;
  background: green;
  z-index: -99;
}


#divid{
    position: absolute; 
    height: 500px;
    width: 500px;
    background-color: black;
    /* z-index: -2; */
}

</style>

<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/hmac-sha256.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/enc-base64.min.js"></script>


</head>
<body>
    <p>foo</p>
        
              
</body>
</html>