#header{
    padding-top: 30px;
    color: #d9237b;
    font-family: 'Courier New', Courier, monospace;
    font-size: 26px;
    padding-left: 20px;
  }

  body{
    background-image: url("5172658.jpg");
    background-size: cover;
    }
    

  #d1{
    width:300px;
    height:80px;
    border: 2px solid rgb(243, 239, 239);
    border-radius: 30px;
    background-color: #00093d;
    margin: auto;
    margin-top: 9%;
    top: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
   }


   #d1:hover{
    border: 2px solid #d9237b;
   }
   

  #d1 a{
    color: #fdfafa;
   }

  #d2{
        width:300px;
        height:80px;
        border: 2px solid rgb(249, 247, 247);
        border-radius: 30px;
        background-color: #00093d;
        text-align: center;
        margin: auto;
        margin-top: 3%;
        top: 40%;
        display: flex;
        justify-content: center;
        align-items: center;
      }
        
    #d2 a{
      color: #fdfafa;
     }
     #d2:hover{
      border: 2px solid #d9237b;
     }


    #d3{
        width:300px;
        height:80px;
        border: 2px solid rgb(245, 242, 242);
        border-radius: 30px;
        background-color: #00093d;
        text-align: center;
        margin: auto;
        margin-top: 3%;
        top: 55%;
        display: flex;
        justify-content: center;
        align-items: center;
       
        
    }
    #d3 a{
      color: #fdfafa;
     }
     #d3:hover{
      border: 2px solid #d9237b;
     }

    #d4{
        width:300px;
        height:80px;
        border: 2px solid rgb(252, 251, 251);
        border-radius: 30px;
        background-color: #00093d;
        text-align: center;
        margin: auto;
        margin-top: 3%;
        display: flex;
        justify-content: center;
        align-items: center;
        
         
        
    }
    #d4 a{
      color: #fdfafa;
     }
     #d4:hover{
      border: 2px solid #d9237b;
     }