header {color: black;
    background-color: rgb(73, 151, 73);
    background-repeat: no-repeat;
    background-size: cover;
    padding:  60px 30px;
    text-align: left; 
    
    border-radius: 10px;}
    
    


header h1 {font-size: 4rem;
    font-weight: bolder;}
   
 

body  {
    font-size: 15px;
    text-align: left;     
    
}

.label1 {border-radius: 5px;
    color: white;
    background: rgb(73, 151, 73);
    border: rgb(73, 151, 73) solid 2px}


.label2 {border-radius: 5px;
    border: rgb(73, 151, 73)  solid 1px;
    border-left: rgb(73, 151, 73) solid 8px;
    background-color: white;}

.label3 {font-size: 100%;
    padding: 10px;}


.labeloligin1 {margin: 20px 160px 20px 160px;}
.labeloligin2 {margin: 20px 160px 20px 160px; }





.submit:hover{color:rgb(73, 151, 73);}

.container{display: flex;
           flex-grow: 1;
           max-width: 100%;
           margin-left: 160px;
}


.green::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: green;
    margin-right: 10px;
  }
  
.table{
       table-layout: fixed; 
       
}

.table th,
.table td {
  border: 1px solid black;
  font-size: 15px;
}

.table tr th{
    background-color:rgb(135, 131, 131);
    padding: 20px 20px 20px 20px;
    text-align: center;

}
.table tr td{background-color: white;
            padding: 20px 20px 20px 20px;
            text-align: left;
}

.block{
       display: grid;
       width: 800px;
       height: 250px;
       grid-template-columns: 1fr 1fr;
       grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
       
       gap: 5px 10px;
       
}


.smallblock1{

    grid-row: 1/2;
    grid-column: 1/2;
}
.smallblock2{
    grid-row: 1/2;
    grid-column: 2/3;
}

.smallblock3{
    grid-row: 2/3;
    grid-column: 1/2;
}

.smallblock4{
    grid-row: 3/4;
    grid-column: 1/2;
}

.smallblock5{
    grid-row: 3/4;
    grid-column: 2/3;
}

.smallblock6{
    grid-row: 4/5;
    grid-column: 1/2;
}

.smallblock7{
    grid-row: 4/5;
    grid-column: 2/3;
}

.smallblock8{
    grid-row: 5/6;
    grid-column: 1/2;
}

.block2{
    display: grid;
    width: 800px;
    height: 150px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr ;
    
    gap: 5px 10px;
    
}
.shiaischedule{width: 890px; height: 450px; margin-left: 160px; ;
}
footer p {color: black;
    background-color: rgb(73, 151, 73);
    background-size: cover;
    padding:  30px 15px;
    text-align: center; 
    border-radius: 10px; }

@media screen and (max-width: 1000px){
               .label3 {font-size: 1em}
               .labeloligin1 {margin: 20px 20px 20px 20px;}
               .labeloligin2 {margin: 20px 20px 20px 20px;}
               .block {width: 500px;
                       height: 300px;}
               .block2 {width: 400px;
                        height: 200px;}
               .container {flex-direction: column;
                           margin: 20px 20px 20px 20px;}
               .container iframe {
                                  margin-top: 20px; }
               .shiaischedule{ width: 90%; height: auto; margin-left: 20px; margin-right: 160px;
                            }
}