.main-header{
        font-family: "Comic Sans MS", "Comic Sans", cursive;
        font-size: 25px;
        text-align: center;
        top: 100px;
        left: 270px;
        z-index:1000;
        position: absolute;
        

      }

body{
  background-image: url("https://wallpapers.com/images/hd/starry-night-fabric-pattern-k5zhmos980kc3sq1.jpg");
  background-size: cover;
}
/* ------------------------------------------- */
.container{
  position:relative;
  width: 500px;
  height: 500px;
}

/* ------------------------------------------- */
      .main-header-box{
        background-image: url(PCMonitor.png);
        background-size:cover;
        top: 100px;
        left: 200px;
        z-index: 1;
        height: 800px;
        width:850px;
        border-radius: 5px;
        text-align: center;
        position:absolute;
        
        
      }
/* ---------------------------------------------*/
      
/*----------------------------------------------*/
      .selfie{
        background-image: url(MySelfie.png);
        background-size: contain;
        background-repeat: no-repeat;
        height: 120px;
        width: 150px;
        top: 250px;
        left: 350px;
        position:absolute;
        z-index: 50;
        
      }     
/*------------------------------------------------ */
      .PC_wallpaper{
        background-image: url(PC_wallpaper.jpg);
        background-size: cover;
        height: 500px;
        width: 660px;
        left: 95px;
        top: 90px;
        position: absolute;
        border-radius: 18px;
        z-index: 2;
      }
/*------------------------------------------------ */
      .BlogButton{
        background-color: gray;
        height: 40px;
        width: 70px;
        top: 600px;
        left: 400px;
        border-radius: 35px;
        position: absolute;
        cursor: pointer;
        z-index: 10;
        transition: 1s;
      }
/*------------------------------------------------ */
    
      .alert{
        background-image: url(alert-yellow.png);
        background-size: contain;
        background-repeat: no-repeat;
        height: 500px;
        width: 500px;
        top: 200px;
        left: 180px;
        position:absolute;
        z-index: 3;
      }
/*------------------------------------------------ */    
      .alert-triangle{
        background-image: url(alert-triangle.png);
        background-size: contain;
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        top: 350px;
        left: 200px;
        position:absolute;
        z-index: 12;
      }

       .alert-triangle2{
        background-image: url(alert-triangle2.png);
        background-size: contain;
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        top: 410px;
        left: 220px;
        position:absolute;
        z-index: 13;
      }

      .alert-triangle-clear{
        background-image: url(alert-triangle-clear.png);
        background-size: contain;
        background-repeat: no-repeat;
        height: 70px;
        width: 70px;
        top: 360px;
        left: 250px;
        position:absolute;
        z-index: 15;
      }

      .alert-triangle-clear2{
        background-image: url(alert-triangle-clear3.png);
        background-size: contain;
        background-repeat: no-repeat;
        height: 110px;
        width: 110px;
        top: 270px;
        left: 270px;
        position:absolute;
        z-index: 16;
      }
      .alert-triangle-clear3{
        background-image: url(alert-triangle-clear4.png);
        background-size: contain;
        background-repeat: no-repeat;
        height: 95px;
        width: 95px;
        top: 270px;
        left: 570px;
        position:absolute;
        z-index: 17;
      }
      
      .alert-triangle-clear5{
        background-image: url(alert-triangle-clear6.png);
        background-size: contain;
        background-repeat: no-repeat;
        height: 70px;
        width: 70px;
        top: 365px;
        left: 700px;
        position:absolute;
        z-index: 18;
      }

      .alert-triangle-clear4{
        background-image: url(alert-triangle-clear5.png);
        background-size: contain;
        background-repeat: no-repeat;
        height: 100px;
        width: 100px;
        top: 350px;
        left: 510px;
        position:absolute;
        z-index: 18;
      }

      .alert-triangle-clear7{
        background-image: url(alert-triangle-clear7.png);
        background-size: contain;
        background-repeat: no-repeat;
        height: 65px;
        width: 65px;
        top: 450px;
        left: 800px;
        position:absolute;
        z-index: 18;
      }

      .alert-triangle-clear8{
        background-image: url(alert-triangle-clear8.png);
        background-size: contain;
        background-repeat: no-repeat;
        height: 45px;
        width: 45px;
        top: 450px;
        left: 500px;
        position:absolute;
        z-index: 19;
      }