h1 {
            color: #001524;
            font-family: Platypi;
            text-align: center;

        }
        
        .imge{
            height: 60px;
            padding-left: 7px;
            padding-right: 7px;
            margin-top: 30px;
        }

        .imge1{
            height: 40px;
            padding-left: 5px;
            padding-right: 5px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .header{
            position: fixed;
            background-color: #FEFEFA;
            width: 100%;
        }

        .logo{
            display: flex;
            justify-content: left;
            margin-left: 10px;
          }

          .office{
            color: #387478;
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
            margin-left: 0.5rem;
            justify-content: left;
            align-items: left;
            font-family: Platypi;
        }

        .sgod{
            margin: 0px;
            padding-bottom: 0px;
            text-align: left;
        }
        
        .container-navi{
            background-color: #C78A3B;
            color: #F8FAFC;
            display: flex;
            justify-content: left;
            align-items: center;
            gap: 2px;
            flex-basis: auto;
            flex-wrap: wrap;
            padding-top: 12px;
            padding-bottom: 12px;
            padding-left: 5px;
            padding-right: 5px;
            width: 100%;
        }

        .container-navi a{
            background-color: #C78A3B;
            color: #F8FAFC;
            padding-left: 5px;
            padding-right: 5px;
            border-radius: 10px;
            font-family: Poppins;
            text-decoration: none;
        }
        
        .container-navi a:hover{
            background-color: #FFCC00;
            color: black;
            padding-top: 13px;
            padding-bottom: 13px;
            padding-left: 5px;
            padding-right: 5px;
            font-family: Poppins;
            text-decoration: none;
            border-radius: 0px;
        }

        .item{
            padding-left: 5px;
            padding-right: 5px;
        }

        footer{
            margin: 20px;
            font-size: 11px;
            font-family: Poppins;
            background-image: url();
        }

        body{
            background-color: #F5F5F7;
            /* background-image: url(./images/Mt.Fuji.jpg);*/
            margin: 0px;
            font-family: Poppins;
            text-align: center;
        }
        
   

        .square1{
            height: auto;
            width: auto;
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 10px;
            /*background-color: #D0B8A8;*/
            /*background-color: #F2EF99;*/
            background-color: #FCDE70;
            border-radius: 10px;;
            flex-basis: 300px;
        }

        a{
            color: #444444;
            text-decoration: none;
            padding-left: 5px;
            padding-right: 5px;
            
        }

        a:hover{
            color: whitesmoke;
            background-color: #8D493A;
            padding: 5px;
            border-radius: 10px;
        }

        .square3{
            height: auto;
            width: auto;
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 10px;
            background-color: #969696;
            color: #FEFEFA;
            border-radius: 10px;
            flex-basis: 300px;
        }
        
        .square3 a{
            background-color: #969696;
            color: #F8FAFC;
            padding: 0px;
            border-radius: 0px;
            font-family: Poppins;
            text-decoration: none;
        }
        
        .square3 a:hover{
            background-color: none;
            color: black;
            padding-top: 4px;
            padding-bottom: 4px;
            padding-left: 6px;
            padding-right: 6px;
            border-radius: 10px;
            font-family: Poppins;
            text-decoration: none;
         }

        .submenu{
            list-style-type: none;
            line-height: 1.7;
            text-align: center;
        }

        .container{ 
            display: flex;
            gap: 10px;;
            justify-content: center;
            flex-wrap: wrap;
            flex-direction: row;
        }

        ul {
            margin: 0;
            padding: 0;
        }

        .calendar{
            width: 80%;
            
        }

        hr{
            display: block;
            margin-top: 1em;
            margin-bottom: 1em;
            margin-left: 20%;
            margin-right: 20%;
            border-style: outset;
            border-width: 1px;
        }

        .recipients {
            /* background-color: #C6EBC5; */
            padding-top: 20px;
            padding-bottom: 40px;
            margin-left: auto;
            margin-right: auto;
            width: 90%;
            border-radius: 10px;
            /* border: 0.1px solid gray; */
        }

        .section1 {
            color: #8D493A;
            padding: 0px;
            margin-bottom: 0px;
        }

        table, th, td {
            border: 1px solid gray;
            border-collapse: collapse;
            
            
        }
        
        th,td {
            color: black;
            background-color: none;
            border-radius: 10px;
            padding: 6px;
            text-align: left;
            font-size: 15px;
        }
        
        th {
            text-align: center;
        }
        
        table {
            margin: auto;
            width: 90%;
        }

        .linkco{
            color: blue;
        }

        .dummy2{
            height: 150px;
            width: auto;
            background-color: #FEFEFA;
        }