/* LAB 3 Copyright 1993-2020 Michael Cammert und Christian Hundt */

#canvas {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
#screenKeyboard {
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0;
    height:100%;
    width:100%;
}
.LabKeyTable {
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0;
    height:100%;
    width:100%;
    font-size: 50px;
    background-color: lightgray;
    color: white;
}
.LabKeyTopRow {
    height: 40%;
    vertical-align:top;
}
.LabKeyMiddleRow {
    height: 20%;
    vertical-align:middle;
}
.LabKeyBottomRow {
    height: 40%;
    vertical-align:bottom;
}
.LabKey {
    width: 50%;
    background-color: gray;
    width : 50%;    
}
.LabKeyCellLeft {
    width: 40%;
    text-align: left;
}
.LabKeyCellCenter {
    width: 20%;
    text-align: center;
}
.LabKeyCellRight {
    width: 40%;
    text-align: right;
}
#documentation {
    margin-left: 10%;
    margin-right: 10%;
} 
#options {
    width:80%; 
    margin-left:10%; 
    margin-right:10%;
}
.copy {
    color: black;
}
.build {
    color: black;
    font-style: italic;
}
.LAB {
    background-image:linear-gradient(0deg,red, yellow);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}
#noscript {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
body{
    background-color: darkgray;
}
.KeyAssignmentTable {
    color: white;
    text-align: center;
}
.FullTableHeader {
    color: orange;
}
.LabCenter {
    text-align: center;
}
body {
    background-color: gray;
}
table {
    margin: 0 auto;   
}
H1 { 
    text-align: center;
    color: white;
}
H2 { 
    color: orange;
}
a {
    color: lightgray;
    text-decoration: underline;
}
p {
    color: white;
}
ul, li {
    color: white;
}