body{
font-family: Arial;
margin: 0;
background: #f2f2f2;
}

header{
background: linear-gradient( to right,
#ff9933,
#ffffff,
#138808);
color: black;
text-align: center;
padding: 30px;
}
nav{
background:red;
text-align: center;
}
nav a{
color: white;
padding: 14px 20px;
display: inline-block;
text-decoration: none;
}
nav a:hover{
background-color: black;
}

.container1{
display: flex;
justify-content: space-around;
margin-top: 50px;
flex-wrap: wrap;

}

.box5{
width: 150px;
height: 120px;
background: white;
text-align: center;
padding: 10px;
margin: 10px;
border-radius:10px;
box-shadow: 0 0 10px rgba( 0,0,0, 2);

}

.box5 img{
width: 80px;
height: 80px;
border-radius: 50%;

}
.box5 p{
margin-top: 10px;
color: blue;

}
.box5 a{
text-decoration: none;

}





.newbox{
background: white;
width: 300px;
height: 150px;
border:2px solid #ccc ;
margin: auto;
}
.blink{
    background: yellow;
    color: red;
    animation: blink 1s infinite;
}
@keyframes blink{50% {
opacity: 0;
 }
}



.container{
display: flex;
justify-content: center;
gap: 10px;
}
.box{
    width:300px;
background: white;
padding: 10px;
border: 2px solid #ccc ;
box-sizing:border-box;
}


.box h2{
background:red;
color: white;
padding: 10px;
text-align: center;
}

.box ul{
list-style:square;
padding: 2px;
}

.box ul li{
padding: 5px 0;

}
.box ul li a{
text-decoration: none;
color: blue;
font-size: 20px;
}






footer{
background: black;
color: white;
text-align: center;
padding: 10px;
}