header {
  background-color: #025f99;
  color: white;
  padding: px;
  position: sticky;
  top: 0;
  z-index: 1000; /* Keeps header above other content */
}

.headerpanel {
display: flex;
container-type: size;
max-width: 1500px;
aspect-ratio: 5/1;
position:relative;
}


.logo {
display: inline-block;
height: 90cqh;
aspect-ratio:1/1;
margin: 1cqw;

}

.topline {
display: inline-block;
font-size: 42cqh;
font-family: 'nirmala', sans-serif;
position: absolute;
left: 25cqw;
bottom: 25cqh;

}

.bodybox {
display: flex;
flex-direction: column;
container-type: size;
background-color: red;
width:100vw;
justify-content: center;
position: relative;
}

.dlbutton {
opacity: 0;
position: absolute;
z-index:10;
width: 96vw;
aspect-ratio: 1.5/1;
margin-top: 6cqw;
margin-left: 1cqw;
border-radius: 0;
}

.dwbutton {
opacity: 0;
position: absolute;
z-index:10;
width: 96vw;
aspect-ratio: 1.5/1;
margin-top: 77cqw;
margin-left: 1cqw;
border-radius:0;
}

.dlpanel{
position: relative;
width: 96.5cqw;
aspect-ratio: 1.5/1;
left: cqw;
border: 1cqw solid #025f99;
margin-top: 5cqw;
}


.dwpanel{
align-items: center;
container-type:size;
position: relative;
width: 96.5cqw;
aspect-ratio: 1.5/1;
left: cqw;
border: 1cqw solid #025f99;
margin-top: 5cqw;
}


.dlnameline {
postion: relative;
margin-left: 20cqw;
font-size: 10cqw;
font-family: 'nirmala', sans-serif;
color: #025f99;
}

.dwnameline {
postion: relative;
margin-left: 18cqw;
font-size: 10cqw;
font-family: 'nirmala', sans-serif;
color: #025f99;
}

.dllogo {
position: relative;
width: 50cqw;
aspect-ratio: 1/1;
left: 20cqw;
top: 2.5cqw;
}


.dwlogo {
position: relative;
width: 55cqw;
aspect-ratio: 1/1;
left: 20cqw;
top: 0cqw;
}


footer {
font-size: 2.5vw;
margin-top: 10vw;
margin-bottom: 10vw;

}