styles.css

* {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
      }

      body {
        display: flex;
        justify-content: center;
        padding: 10px;
        background-color: rgb(25, 33, 92);
        font-family: "Lugrasimo", cursive;
        color: #ffffff;
      }

      .container {
        border: 4px solid white;
        padding: 50px;
        max-width: 700px;
        background-color: rgb(71, 71, 54);
      }

      #top-heading {
        padding: 15px 0 0 0;
        border-top: 5px solid #fff;
      }

      .container h2, h4 {
        font-weight: 100;
        color: #fff;
      }

      .personal-details {
        display: flex;
        flex-direction: column;
        padding-bottom: 15px;
      }

      .skill{
        padding: 15px 0 15px 0;
        border-top: 5px solid #fff;
        border-bottom: 5px solid #fff;
      }

      .projects{
        padding: 15px 0 15px 0;
        
      }

      span {
        list-style: inside;
        font-size: 14px;
        line-height: 30px;
      }

      table{
        margin: 0 auto;
        width: 95%;
      }

     table, th, td, tr{
        border: 1px dashed #fff;
        border-collapse: collapse;
        text-align: center;
        padding:15px
      }

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

      a:hover{
        text-decoration: underline;
        cursor: pointer;
      }