body {
            font-family: 'Open Sans', sans-serif;
            background-color: rgb(245, 242, 239);
            padding-left: 2%;
            padding-left: 2%;
        }
        .header-image {
            width: 100%;
        }
        .headline {
            text-align: center; 
            color:brown;
        }
        .nav {
            display: flex;
            justify-content: flex-end;
            background-color: lightgray;
            padding: 2%;
        }
        a {
            color:black;
            text-decoration: none;
            margin-left: 16px;
            font-weight: 500;
         }
         a:hover{
            text-decoration: underline;
         }
        .main {
           display: flex;
           justify-content: space-between;
           background-color: rgba(245, 243, 243, 0.966);
           padding: 16px;
           height: 100%;
           
        }
        .box-left {
             width: 300px;
             height: 100px;
        }
        .box-right {
             width: 85%;
             min-height: 300px;
        }

        .link {
            display: flex;
            justify-content: flex-end;
            background-color: lightgray;
            padding: 2%;
        }
        .add{
            font-size: xx-small;
        }