djik.css

.Heading{
      position: fixed;
      color: rgb(0,0,0);
      height: 42px;
      top:-16;
      right: 0;
      width: 100%;
      font-size: 50px;
      font-family: 'Impact';
      text-align: center;
      border-bottom: : solid 2px black;
      background-color: rgb(255, 255, 255);
      z-index: 2;
    }

  .sortingalgo{
    text-align: center;
    font-family: 'Abel';
    font-size: 56px;
    color: black;
    position: relative;
  }

  .button1{
      color: white;
      font-size: 16px;
      font-family: 'Abel';
      background-color:  #009900;
      padding: 2px;
      padding-right: 40px;
      padding-left: 40px;
      border: 4px solid;
      border-color: rgb(214, 245, 255);
      border-radius: 4px;
      cursor: pointer;
      position: relative;
      top: 10;
      transition-duration: 0.2s;
    }

  .button1:hover{
      background-color:  #00cc00;
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.19);

      
    }
    #canvasDiv {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      cursor: pointer;
      position: relative;
      top: 10;
    }

    .modal-backdrop {
       background-color: #000000;
    }

    .fade.in {
       opacity: 0.93;
    }