body{
font-family:'Times New Roman', Times, serif;
margin:30px;
background-color: beige;
}

.container{
display:flex;
flex-direction:column;
gap:20px;
}

.section{
border:5px solid black;
padding:15px;
}

.box{
width:300px;
height:300px;
margin-top:10px;
}

.a{
background-image:linear-gradient(to top right, yellow 0%, red 50%, black 100%);
}

.b{
background-image:radial-gradient(circle at right, white, darkblue);
}

.c{
background-image:linear-gradient(red 33%, white 33%, white 66%, blue 66%);
}