html {
   min-height: 100%;
}

body {
    size: 100%;
}

.taskBar{
    position:fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 28px;
    padding: 0%;
    margin: 0%;
}

.start {
    position:fixed;
    bottom: 2px;
    left: 3px;
    z-index: 2;
}

.clock {
    position:fixed;
    bottom: 2px;
    right: 3px;
    z-index: 2;
}
.clockText {
    font-family: Desktop;
    font-size: medium;
    position:fixed;
    bottom: -14px;
    right: 6px;
    z-index: 3;
}

.desktopLeft{
    height: 90vh;
    width: 50%;
    margin-bottom: 28px;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(auto-fill, minmax(120px, 1fr));
    grid-column-gap: 0px;
    grid-row-gap: 0px; 
    grid-auto-flow: column;
    justify-items: left;
    align-items: top;
    position: absolute;
}

.desktopRight{
    height: 90vh;
    width: 50%;
    margin-bottom: 28px;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(auto-fill, minmax(120px, 1fr));
    grid-column-gap: 0px;
    grid-row-gap: 0px; 
    grid-auto-flow: column;
    align-items: top;
    position: absolute;
    right: 0px;
}

.desktopIcon{
    width: auto;
    height: 96px;
    image-rendering: pixelated;
    z-index: 0;
}

.desktopNode {
    text-align: center;
    font-family: Desktop;
    color: #fff;
    z-index: 0;
}

.desktopNodeR {
    text-align: center;
    font-family: Desktop;
    color: #fff;
    z-index: 0;
    grid-column-start: -1;
}

*{
	font-family: Pixelated MS Sans Serif !important;
}

.feedTitle{
    font-weight: bold;
    font-size: 26px;
    margin: 0px;
}

.feedText{
    font-size: 22px;
    margin: 0px;
}

.contactText{
    font-size: medium;
}

.contactText a:link {
    color: blue;
}

.contactText a:hover {
    color: black;
}

.contactText a:visited{
    color: blueviolet;
}