* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  :root {
    font: 16px Arial, sans-serif;
  }

.app-container {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto 1fr auto;
    grid-template-areas:
        'header'
        'main'
        'footer'
        ;
    gap: 2px;
    height: 100vh;
}
header {
    grid-area: header;
    /* border:1px solid blue; */
}
main {
    grid-area: main;
    display: grid;
    align-items: center;
    justify-items: center;
    /* border:1px solid lightgray; */
}
footer>span {
    padding-left: 50px;
}
footer>span.tuv
{
    font-size: 10pt;
}
footer {
    grid-area: footer;
    padding: 10px;
	text-align: right;
    /* border:1px solid lightgray; */
}
a {
    color: #284861;
    text-decoration: none;
}
a:visited {
    color: #284861;
}
a:hover {
    color: darkgrey
}
a:active {
    color:blue;
}

.company-logo {
	text-align: center;
}
.company-details {
    margin-top: 10px;
	text-align: center;
    color: gray;
}