.file-item {

    border: 1px solid #ccc;

    padding: 20px;

    margin-bottom: 20px;

    display: block;

    margin: 0 auto;

    max-width: 80%; /* Ensure the image doesn't exceed the container width */

    height: auto;

}



.file-item img {

    max-width: 50%;

    height: auto;

    display: block;

    margin: 0 auto;

}







.file-item {

    display: flex;

    flex-direction: column;

    align-items: center;

    border: 1px solid #ccc;

    padding: 20px;

    margin-bottom: 20px;

}



.file-item h2, .file-item p {

    text-align: center;

}













nav {

    background-color: royalblue;

    padding: 20px;

  }

  

  .name {

    text-align: center;

  }

  

  .logo {

    width: 100px;

    height: 100px;

    margin: 0 auto;

    display: block;

  }

  

  h1 {

    text-align: center;

    color: white;

  }

  

  ul {

    list-style-type: none;

    margin: 0;

    padding: 60;

    overflow: hidden;

    background-color: rgba(211, 45, 16, 0.616);

  }

  

  li {

    float: left;

    

  }

  

  li a {

    display: block;

    color: white;

    text-align: center;

    padding: 16px 90px;

    text-decoration: none;

  }

  

  li a:hover {

    background-color: #111;

  }