header {
  background-color: #025f99;
  color: white;
  position: sticky;
  width: 100%;

}

html, body {
  margin: 0;
  height: 100%;
overflow: hidden;
}

.headerpanel {
display: flex;
container-type: size;
aspect-ratio: 10/1;
position:relative;
}


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


}

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

}

.nameline {
display: flex;


}

.bodybox {

}

.dllogo {
position: relative;
display: inline-block;
width: 50cqw;
aspect-ratio: 1/1;
top: 5cqw;;
left: -1cqw;

}

.dwlogo {
position: relative;
display: inline-block;
width: 50cqw;
aspect-ratio: 1/1;
top: 5cqw;
left: -1cqw;

}


.dlpanel {
flex-direction: column;
align-items: center;
container-type:size;
position: relative;
display: flex;
width: 45vw;
aspect-ratio:1.5/1;
z-index: -2;
top: -2vw;
left: 3vw;
border: 0.5vw solid #025f99; 
}

.dwpanel {
align-items: center;
flex-direction: column;
container-type: size;
position: relative;
display: flex;
width: 45vw;
aspect-ratio:1.5/1;
z-index: -1;
top: -38vw;
left: 51vw;
border: 0.5vw solid #025f99;

}

.dlnameline {
position: relative;
color: #025f99;
display: inline;
font-size: 10cqw;
font-family: 'nirmala', sans-serif;
left: -10cqw;
}

.dwnameline {
position: relative;
color: #025f99;
display: inline;
font-size: 10cqw;
font-family: 'nirmala', sans-serif;
left: -10cqw;
}


.text-box {
container-type:size;
position: relative;
diplay: flex;
width: 45cqw;
left: -15vw;
top: -2vw;
z-index: 50;
}

footer {
position: sticky;
bottom: 1vh;
margin-left: 1vh;
font-size: 1.5vw;
}

.head-text {
color: #025f99;
font-family: 'nirmala', sans-serif;
margin-top: 5cqw;
margin-bottom: 5cqw;
font-weight: bold;
font-size: 3cqw;
}


.body-text {
font-family: 'nirmala', sans-serif;
font-size: 3cqw
}

.dlbutton{
position: absolute;
opacity: 00;
z-index: 100;
width: 45vw;
height:30vw;
top: 7.2vw;
left: 2.5vw;
cursor:pointer;
}

.dwbutton{
position: absolute;
opacity: 00;
z-index: 100;
width: 45vw;
height:30vw;
top: -63.8vw;
left: 50.5vw;
cursor:pointer;
}


footer {
font-size: 1vw;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}