html, body {
  font-family:Arial, Helvetica, sans-serif;  
  cursor: url("cursor.png"), default;
    background-color:hotpink
}

p {
    font-size:14px;
    color:rgb(231, 231, 103);
}

ul {
    font-family:Arial,  Helvetica, sans-serif;
    font-size:14px;
}

h1 {
    text-align:center;
    color:yellow;
}

.computer {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;

}

h1:hover {
    color: black;
  }

.custom-cursor {
    cursor: url("cursor.png"),pointer;
}

.container {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
  
  .image {
    opacity: 1;
    display: block;
    width: 60px;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
  }
  
  .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
  }
  
  .container:hover .image {
    opacity: 0.3;
  }
  
  .container:hover .middle {
    opacity: 1;
  }
  
  .text {
    color: hotpink;
    font-size: 13px;
    padding: 7px 15px;
  }

  .links {
    font-size:25px;
    text-align:center;
    margin:auto;
  }

 a {
    text-decoration:none;
    color: yellow;
 }

 a:hover {
    color: rgb(187, 44, 115);
  }

  marquee {
    width:310px;
    padding:0px;
    margin:0px;
    box-sizing: border-box;
  }

  button {
    margin:auto;
  }

  .marquee-top {
    background-color:red;
  }

.omg {
  bottom:0;
  position:absolute;
}

.whole{
  color:red;
  margin-top:50px;
}