html, body {
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

body {
    background-color: white;
    background-image: linear-gradient(rgb(173 0 0 / 65%),rgb(0 0 0 / 80%)), url(../pic24.jpeg);
    background-size: auto 140%;
    background-repeat: no-repeat;
    background-position: center center;
}

#WIP
{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100%;
}

#WIP img
{
	height: 50%;
  	animation: rotation 20s infinite linear;
}

#WIP h1
{
	font-family: 'Orbitron', sans-serif;
	color: white;
}

#WSCApp
{
    position: fixed;
    bottom: 15px;
    right: 15px;
    background-color: #999c;
    border-radius: 25px;
    border: 10px solid #222c;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 100px;
    padding: 10px;
}

#WSCApp h3
{
    font-family: 'Orbitron', sans-serif;
    color: white;
    margin: 0px 0px 5px 0px;
    text-align: center;
}

#WSCApp img
{
    width: 100px;
}

@keyframes rotation
{
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

a.button {
    margin: 15px 0 0 0;
    padding: 20px 35px;
    border: solid #000;
    border-radius: 16px;
    border-width: 5px;
    color: #fff;
    font-size: 24px;
    font-family: 'Orbitron', sans-serif;
    background-color: #464251;
    text-decoration: none;
}

.mainContainer {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    vertical-align: central;
    justify-content: center;
    width: 80%;
    background-color: #999c;
    border-radius: 25px;
    border: 10px solid #222c;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    position: relative;
}

.globalContainer
{
    padding: 25px 0 25px 0;
}

.appImages
{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.appImages img
{
    width: 48%;
}

.mainContainer h1
{
    text-align: center;
    color: white;
    font-size: 48px;
    font-family: 'Orbitron', sans-serif;
}

.mainContainer h3
{
    color: #000;
    text-align: center;
    font-size: 22px;
}

.mainContainer h4
{
    color: #000;
    text-align: center;
}

.mainContainer h5
{
    color: #000;
    text-align: left;
}

.mainContainerFloat
{
    position: absolute;
    bottom: 0;
    right: 10px;
}

.mainContainerFloat h6
{
    text-align: right;
}

.mainContainer ul
{
    color: #000;
    font-size: 18px;
}

.mainContainer ul li strong
{
    color: #ddd;
    font-size: 20px;
}