html {
        height: 100%;
        box-sizing: border-box;
      }

      body {
        height: 100%;
        background-color: #fff;
        color: #333;
        
        padding: 0;
        margin: 0;
      }

      * {
        box-sizing: inherit;
      }

      section {
        height: 100%;
      }

      .wrapper {
        min-height: 100%;
        display: grid;
        grid-template-rows: auto 1fr auto;
      }

      .page-header {
        text-align: center;
        background-color: skyblue;
        color: #0;
        padding: 1px;
      }
    .page-footer {
        text-align: left;
        background-color: skyblue;
        color: #0;
        padding: 1px;
      }

      .page-body {
        padding: 20px;
      }



.bg02{
    background-color: rgb(200, 250, 250);
}
.title{
    margin: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2em;
    white-space: nowrap;
    border: 3px black dashed;
    background-color: skyblue;
    box-shadow: 4px 4px 0px rgba(0, 0, 0);
}
.sub{
    font-size: 0.4em;
    text-align: right;
    white-space: nowrap;
}
.subdiv{
    margin-top: -10%;
    position: relative;
    text-align: right;
    background-color: skyblue;
}
.legalnotice{
    font-weight: bold;
}
.bold{
    font-weight: bold;
}
.headerfont{
    font-weight: bold;
}
a{
    text-decoration: none;
    color: black;
}
a:link{
    text-decoration: none;
    color: black;
}
a:visited{
    text-decoration: none;
    color: black;
}
a:hover{
    text-decoration: none;
    color: black;
}
a:active{
    text-decoration: none;
    color: black;
}