@font-face {
  font-family: 'nirmala';
  src: url('Nirmala.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

header {
  width: 100%;
  background-color: #025f99;
  color: white;
  top: 0;

}

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;
}

.navbar {
display: none;
}



.navlink {
text-decoration: none;
color: inherit;
font-size: 55cqh;
margin:2cqw;

}

.nameline {
display: flex;


}

.bodybox {
display: flex;
position: relative;
width: 100vw:
height: 10vw;
z-index: -10;
}

.dllogo {
position: relative;
display: inline-block;
height: 20vw;
aspect-ratio: 1/1;
top: 5vw;

}

.dwlogo {
position: relative;
display: inline-block;
height: 20vw;
aspect-ratio: 1/1;
top: 5vw;

}


.dlpanel {
align-items: center;
flex-direction: column;
container-type:size;
position: relative;
display: flex;
width: 20vw;
aspect-ratio:1/1.5;
z-index: -2;
top: 2vw;
left: 1vw;
}

.dwpanel {
align-items: center;
flex-direction: column;
container-type: size;
position: relative;
display: flex;
width: 20vw;
aspect-ratio:1/1.5;
z-index: -1;
top: 2vw;
left: 59vw;
}

.nameline {
color: #025f99;
display: inline;
font-size: 3vw;
font-family: 'nirmala', sans-serif;
}


.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: 5cqw;
}


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

.dlbutton{
display: inline;
position: absolute;
opacity: 00;
z-index: 100;
width: 20vw;
height:30vw;
top: 10vw;
left: 1vw;
cursor:pointer;
}

.dwbutton{
display: inline;
position: absolute;
opacity: 00;
z-index: 100;
width: 20vw;
height:30vw;
top: 10vw;
left: 78.5vw;
cursor:pointer;
}