html {
  color: #232333;
  font-family: "Roboto Mono", monospace;
  font-size: 15px;
  line-height: 1.6em;
}

body {
  display: block;
  margin: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.app {
    display: flex;
    flex-direction: column;
    width: 800px;

    .header {
        height: 60px;
        margin-top: 10px;
        a {
                    font-size: 25px;
                    color: #000;
                    font-weight: normal;
                    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                    padding: 0px;
                    margin-bottom: 0px;
                    text-decoration: none;
        }
    }
    .section {
        .container {
            .list-item {
                margin-bottom: 20px;
               
                .description {
                    margin-top: 5px;
                }
                .item-footer {
                    margin-top: 10px;
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    a {
                        text-decoration: none;
                    }

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

     .title {
         font-size: 20px;
          
            font-weight: normal;
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
            padding: 0px;

            a {
                text-decoration: none;
                color: #000;
            }
    }
}