body {
margin-top: 0;
color: #ff3b3b;
letter-spacing: 1px;
}


.sidebar {
flex: 1;
position: sticky;
top: 100px;
background: #2b0000;
padding: 20px;
border-radius: 12px;
height: fit-content;
box-shadow: 0 4px 16px rgba(0,0,0,0.4);
animation: fade 1s ease-in-out;
width: 600px;
text-align: justify;
}


.relative-box {
position: relative;
background: #111;
padding: 25px;
margin-top: 40px;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0,0,0,0.4);
width: 600px;
 justify-content: center;
}


.absolute-item {
position: absolute;
top: 10px;
right: 10px;
background: #b40000;
padding: 6px 12px;
border-radius: 6px;
font-size: 14px;
color: white;
}


footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #5a0000;
color: #fff;
text-align: center;
padding: 12px;
font-size: 14px;
letter-spacing: 1px;
box-shadow: 0 -3px 12px rgba(0,0,0,0.5);
}