DEH_IT_2023_F_0070_Activity03_.css

body{
    font-family: Arial, Helvetica, sans-serif;
    background-color: gray;
    margin: 0;
    
}


/*header section style*/
header{
    padding: 10px;
    background-color: rgb(0, 6, 56);
    text-align: center;
}
header h1{
    font-size: 3rem;
    color: white;
}

/*navigation style*/
header nav ul li{
    display: inline-flex;
}
header nav ul li a{
    color:yellow;
    text-decoration: none;
    margin-right: 12px;
}
a:hover{
    color: rgb(209, 6, 67);
}/*end header section style*/
/*End header section style*/


/*banner section-image content*/
.banner img{
    width: 100%;
    height: 100%;
    border-radius: 12px;
}/*end banner section style*/


/*main content*/
.main-cont{
    padding: 10px;
    margin: 10px 80px 10px 80px;
    text-align: center;
    background-color: white;
    display: inline-block; 
}
.sub{
    display: flex;
    gap: 20px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 50px;
}

.main-cont .sub-cont{
 background-color: rgb(0, 108, 116);
 display: flexbox;
 padding: 20px;
 border-radius: 18Px;
 color: white;
 margin-left: 20px;
 margin-right: 20px;
 font-size: 0.768rem;
}
/*end*/




/*footer section*/
footer{
    padding: 10px;
    background-color: rgb(0, 6, 56);
    color: white;
    text-align: center;
}
footer .copyright{
    font-size: 12px;
}
/*End footer section*/