h1 {
            text-align: center;
            font-family:arial;color:#f2f2f2;
            color: #ddd; #color: #007bff;
            padding-top: 1vw;
            font-weight: bolder;
            font-size: 2.00vw;
        }
        .year-header {
            font-size: 1.8vw;
            margin-bottom: 0.10vw;
            margin-top:1.5vw;
            margin-left: 2vw;
            color: #ddd; 
            #border-bottom: 2px solid #007bff;
            #padding-bottom: 5px;
            font-family:arial;color:#f2f2f2;
            font-size:1.4vw;
            font-weight: bolder;
        }
        .event {
            margin: 0px 0;
            #padding: 10px;
            font-family:arial;color:#f2f2f2;
            font-size: 1.2vw;
            #padding-top: 5vw;
            margin-left: 2vw;
            #background-color: #fff;
            #box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            #border-radius: 5px;
        }
        .event:nth-child(odd) {
            #background-color: #f2f2f2;
        }