.header-image { 
background-image:url(imagesP1/newjapaneseform.jpg); 
    background-repeat: repeat-x;
    height:100px; 

}



.corner-logo {
  position: fixed; /* Positions the logo relative to the browser window */
  top: 20px;       /* Distance from the top edge */
  right: 20px;     /* Distance from the right edge */
  width: 100px;    /* Adjust size as needed */
  height: auto;
  z-index: 1000;   /* Ensures the logo is above other content */
}


a:link { color: black;}
a:visited{color:white}
a:hover{color:lightsteelblue;}

.red { 
position: relative;
    z-index:5;
background-color:#FF0000;
color:#FFFFFF;
padding:10px; 
}

.blue { 
position: relative;
    z-index:500;
    top:20px;
        
background-color:#00F;
color:#FFF;
padding:10px; 
}

ul{ 
text-align:center;
list-style-type:none;
margin:0;
padding:0;
overflow:hidden; 
background-color: black; 
}

li{
    text-align: center;
}


li a {
    display: block;
    color: white;
    text-align: center;
    padding:14px 16px;
    text-decoration: none;
    
}

li a:hover{background-color: #FFFF; }


figcaption, p, h2, h3  .abel-regular {
  font-family: "Abel", sans-serif;
  font-weight: 400;
  font-style: normal;
}



p{ font-size: 20px; 
}




h1 {font-family: "Roboto",serif;
font-weight:500px;}


div.a {
  text-align: center;
    padding:40px; 
    margin-left:auto; 
    margin-right: auto;
    box-shadow: 10px 10px;
}




.container{text-align:center;}






.class{  display: flex;
    justify-content: center;
    align-items: center;
  margin-left: auto;
  margin-right: auto;
  width: 30%;} 

.center-container {
  display: flex;
    justify-content: center;
    align-items: center;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
}



.shadow-box {
  box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.5);
}

footer {
  text-align: center;
  padding: 3px;
  background-color: black;
  color: white;
}


.left-sligned-content{ 
padding:40px; 
border: 1px }