body {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	height: 100%;
	display: flex;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	background-color: #323437;
        font-family: 'Nunito',-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    }

    img {
        width: 100px;
	position: absolute;
	right: 40px;
        bottom: 30px;
    }
    @media only screen and (min-width: 480px) {
	img {
	    width: 200px;
	    right: 40px;
        }
    }
    @media only screen and (max-width: 812px) and (orientation: landscape) {
	img {
	    width: 100px;
	    right: 40px;
        }
    }
    i {
	color: #101010;
	margin: 10px;
    }
    i:hover {
	color: #ffd10d; /* #1e90ff; */
	transform: scale(1.2);
    }
    a {
        color: inherit;
	text-decoration: none;
    }
    a:visited {
        color: inherit;
	text-decoration: none;
    }
    .links {
    }
    .links p {
	margin-top: 0;
    }
    .tagline {
	color: white;
	margin-top: 0;
	cursor: default;
    }
    .fade {
	animation-name: fade;
	animation-delay: 6.4s;
        animation-duration: 2s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
    }
    .blink-one {
	animation-name: blink;
	animation-delay: 0.5s;
	animation-duration: 2.6s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
    }
    .blink-two {
	animation-name: blink;
	animation-delay: 0.6s;
	animation-duration: 2.6s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
    }
    .blink-three {
	animation-name: blink;
	animation-delay: 0.7s;
	animation-duration: 2.6s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
    }
    @keyframes fade {
	0% {
	    color: white;
        }
	100% {
	    color: #101010;
        }
    }
    @keyframes blink {
	0% {
	    color: #101010;
	}
	50% {
	    color: #ffd10d;
	}
	100% {
	    color: #101010;
	}
    }
    @keyframes cursor-blink {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
    }
    .prompt {
        position: absolute;
        display: inline-block;
        color: white;
        min-width: 60px;
	top: 30px;
	left: 42px;
	opacity: 0;
	position: absolute;
	line-height: 24px;
	cursor: default;
    }
    .prompt::after {
        content: "";
        position: absolute;
        top: 3px;
        right: -14px;
        background-color: #606060;
        vertical-align: top;
        width: 7px;
        height: 17px;
        animation: cursor-blink 1s step-end infinite;
    }
    .hidden {
	animation: hidden 5s ease 1 forwards;
	animation-delay: 8s;
    }
    @keyframes hidden {
	0% { opacity: 0.0; }
	100% { opacity: 1.0; }
    }