@charset "UTF-8";
        html {
            background-color: rgb(0, 0, 255);
            transition: background-color 0.8s ease;
            font-family: "Courier", monospace;
            color: rgb(255, 255, 255);
            line-height: 1.5;
            margin: 0;
        }
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            width: 100%;
            overflow-x: hidden;
        }
        footer {
			position: fixed;
			display: flex;
			align-items: flex-end;
			height: 10vh;
			width: 100%;
			bottom: 0vh;
			left: 0;
			z-index: 999;
		}
		main {
			padding: 20px;
		}
		main, main p, footer {
			font-size: 18px;
		}
		main .active {
			color: #FFFF00;
		}
		main a {
			color: #FFFF00;
			text-decoration: none;
		}
        .right {
            justify-content: right;
            text-align: right;
        }
        .left {
            justify-content: left;
            text-align: left;
        }
        .end {
            align-items: flex-end;
            display: flex;
        }
        .row {
            display: flex;
            width: 100%;
            padding: 20px;
        }
        .row div {
            align-items: center;
        }
        .row-10 {
            height: 10vh;
        }
        .wid-10 {
            width: 10%;
        }
        .wid-15 {
            width: 15%;
        }
        .wid-25 {
            width: 25%;
        }
        .wid-50 {
            width: 50%;
        }
        .wid-100 {
            width: 100%;
            max-width: calc(100% - 40px);
        }
		@media only screen and (max-width: 600px) {
			.wid-10,
			.wid-15,
			.wid-50 {
				width: 100%;
				max-width: calc(100% - 40px);
				display: block;
				float: none;
			}
			.wid-25 {
				width: 100%;
				max-width: calc(100% - 40px);
				align-items: flex-end;
				display: flex;
				float: none;
			}
			.wid-10 {
				margin-top: 27px;
			}
			.row {
				display: block;
			}
			.right {
				justify-content: right;
				text-align: left;
			}
			footer {
				bottom: 14vh;
			}
		}
		@media only screen and (max-height: 480px) {
			footer, footer div, footer div p {
				display: none;
			}
		}
		@media only screen and (min-width: 601px) and (max-width: 1024px) {
			.wid-10,
			.wid-15,
			.wid-50 {
				width: 100%;
				max-width: calc(100% - 40px);
				display: block;
				float: none;
			}
			.wid-25 {
				width: 100%;
				max-width: calc(100% - 40px);
				align-items: flex-end;
				display: flex;
				float: none;
			}
			.wid-10 {
				margin-top: 27px;
			}
			.row {
				display: block;
			}
			.right {
				justify-content: right;
				text-align: left;
			}
			footer {
				bottom: 6vh;
			}
		}