*{
    margin: 0;
    padding: 0;
    
}
.b1{
    background-color: cornflowerblue;
    border: 2px solid purple;
}
header{
    background-color: rgb(27, 25, 22);
    border: 2px solid blue;
    padding: 10px 15px;

}
.navbar ul{
    display: flex;
    justify-content:space-around ;
   


}
.navbar ul li{
    list-style: none;
    border: 2px solid gray;
    padding: 3px;
    border-radius: 3px;
    background-color: rgb(167, 155, 155);
    font-weight: 700;
   
   
}
.navbar > ul li a{
    text-decoration: none;
    color: aqua;
   
}
.main{
    margin: 2px;
    padding:5px;
}
h2{
    text-align: center;
    background-color: rgb(118, 104, 104);
    padding: 5px;
}
.sec1{
    text-align: justify;
    padding: 10px 10px;
    background-color: cadetblue;
    border: 2px solid black;
}
.h3{
    text-align: center;
    font-weight: 600;
    padding: 3px;
}
.sec2{
    padding: 10px;
}
.container{
    display: flex;
    justify-content: space-around;
    padding: 10px;
    margin:5px;
}


.list_container p{
    padding: 10px 0px;
    color: blue;
}
.list_container ul {
    text-align: center;
    list-style-type: none;
    padding-left: -5px;
}
.list_container ul li{
    padding: 2px;
    color:rgb(18, 34, 2);
}
.sec2{
    background-color: aqua;
    border: 2px solid black;
    padding: 5px;
}

table, tbody, th, td, caption {
    margin:2px;
    border:1px solid blue;
    border-collapse: collapse;
}
table{
    padding-top: 8px;
}
caption{
    padding: 3px;
    color:blue;
    font-weight: bold;
}
td{
    padding: 5px;
    text-align: justify;
}
th{
    color: rgb(48, 27, 0);
}
.sec3{
    background-color: rgb(101, 196, 196);
    border: 2px solid black;
    text-align: center;
}
footer{
    background-color: rgb(145, 134, 120);
    padding: 30px;
    border: 3px solid black;
}
footer p{
    text-align: center;
    font-size: larger;
    font-weight: 600;
}
.fs1{
    color: red;
}
.fs2{
    color:rgb(110, 90, 9);
}

/* blog part styles */
.ar1{
    text-align: justify;
    padding: 7px;
}

.ar1 h5{
    text-align: center;
    font-weight: bold;
    font-size:large ;
    padding: 5px 0px;
    text-decoration: underline;
}
.sec3 p{
   
    font-weight: 700;
    padding: 10px 0px;
}
#img {
    border: 2px solid rgb(215, 215, 4);
    border-radius: 5px;
    
}

/* media page styles */
.s1p1{
    text-align: center;
    font-size: large;
    font-weight: bold;
    color: rgb(66, 2, 213);
    padding:15px;

}
.audio{
    text-align: center;
    padding: 15px ;
    background-color: aqua;
    width:300px;
    margin: 10px auto;
    border: 2px solid blue;
    border-radius: 50px;
}
iframe{
    border: 2px solid rgb(246, 223, 13);
    border-radius: 5px;
    
}
.iframe{
    border: 2px solid red;
    width: 100%;
    box-sizing: border-box;
    margin: 2px 1px;
    padding: 5px;
}
    
/*form page styles */
form{
    text-align: center;
    padding: 10px;
    border: 2px solid gray;
    background-color: rgb(5, 33, 85);

}
.fieldset{
    border: 2px solid black;
    padding: 10px;
    text-align: center;
}
    .h4{
        padding: 5px;
        background-color:aqua ;
    }
    .legend{
        margin-top: 10px;
        padding: 10px;
        font-weight: 700;
        color: rgb(38, 48, 48);
        background-color: rgb(173, 173, 212);
    }

 .label{
    font-weight: 700;
    padding-top: 15px;
    margin: 10px;
    
 }
 br{
    padding: 5px;
 }
 ::placeholder{
    text-align: center;
    color:rgb(31, 39, 203);
 }
 input{
    border: 1px solid blue;
    background-color: rgb(144, 200, 207);
    padding: 5px;
 }
 hr{
    padding-top: 4px ;
 
 }
 textarea{
    border: 2px solid rgb(133, 230, 36);
    border-radius: 5px;
    background-color: rgb(144, 200, 207);
 }

 .btn{
    width: 70px;
    height: 40px;
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
    font-weight: 700;

 }
 .btn1{
    border: 2px solid red;
    background-color: coral;
 }
 .btn2{
    border: 2px solid green;
    background-color: cyan;
 }