brettmillerb/BeRightBack.html

## BeRightBack.html
<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <style>
            body {
                background-color: rgb(54, 57, 63);
                padding-top: 5em;
                display: flex;
                text-align: center;
            }

            .typewriter {
                width: 95%;
                position: absolute;
                top: 50%;
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .typewriter h1 {
                overflow: hidden;
                /* Ensures the content is not revealed until the animation */
                border-right: .15em solid white;
                /* The typwriter cursor */
                white-space: nowrap;
                /* Keeps the content on a single line */
                margin: 0 auto;
                /* Gives that scrolling effect as the typing happens */
                letter-spacing: .15em;
                /* Adjust as needed */
                color: antiquewhite;
                font-size: 7em;
                font-family: 'Fira Code', monospace;
                animation:
                    typing 3.5s steps(30, end),
                    blink-caret .75s step-end infinite;
                animation-iteration-count: infinite
            }

            /* The typing effect */
            @keyframes typing {
                from {
                    width: 0
                }

                to {
                    width: 100%
                }
            }

            /* The typewriter cursor effect */
            @keyframes blink-caret {

                from,
                to {
                    border-color: transparent
                }

                50% {
                    border-color: orange;
                }
            }
        </style>
    </head>

    <body>
        <div class="typewriter">
            <h1>Be Right Back.....</h1>
        </div>
    </body>

</html>

## streambanner.html
<!DOCTYPE html>
<html>

    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style>
            * {
                box-sizing: border-box;
                background-color: rgb(54, 57, 63);
                align-items: center;
                justify-content: center;
            }

            /* Create three equal columns that floats next to each other */
            .fab {
                float: left;
                width: 33.33%;
                padding: 2px;
                text-align: center;
                color: antiquewhite;
                font-size: large;
            }

            /* Clear floats after the columns
            .row:after {
                content: "";
                display: table;
                clear: both;
            }*/
        </style>
        <script src="https://kit.fontawesome.com/f97497e388.js" crossorigin="anonymous"></script>
    </head>

    <body>
        <div id="container">
            <div class="row">
                <i class="fab fa-twitter"> /BrettMiller_IT</i>
                <i class="fab fa-twitch"> /BrettMillerIT</i>
                <i class="fab fa-github"> /brettmillerb</i>
            </div>
        </div>
    </body>

</html>

## StreamStarting.html
<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <style>
            body {
                background-color: rgb(54, 57, 63);
                padding-top: 5em;
                display: flex;
                text-align: center;
                vertical-align: center;
            }

            .typewriter {
                width: 95%;
                position: absolute;
                top: 50%;
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .typewriter h1 {
                overflow: hidden;
                /* Ensures the content is not revealed until the animation */
                border-right: .15em solid white;
                /* The typwriter cursor */
                white-space: nowrap;
                /* Keeps the content on a single line */
                margin: 0 auto;
                /* Gives that scrolling effect as the typing happens */
                letter-spacing: .15em;
                /* Adjust as needed */
                color: antiquewhite;
                font-size: 7em;
                font-family: 'Fira Code', monospace;
                animation:
                    typing 3.5s steps(30, end),
                    blink-caret .75s step-end infinite;
                animation-iteration-count: infinite
            }

            /* The typing effect */
            @keyframes typing {
                from {
                    width: 0
                }

                to {
                    width: 100%
                }
            }

            /* The typewriter cursor effect */
            @keyframes blink-caret {

                from,
                to {
                    border-color: transparent
                }

                50% {
                    border-color: orange;
                }
            }
        </style>
    </head>

    <body>
        <div class="typewriter">
            <h1>Stream Starting Soon.</h1>
        </div>
    </body>

</html>
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<style>
	body {
	background-color: rgb(54, 57, 63);
	padding-top: 5em;
	display: flex;
	text-align: center;
	}

	.typewriter {
	width: 95%;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}

	.typewriter h1 {
	overflow: hidden;
	/* Ensures the content is not revealed until the animation */
	border-right: .15em solid white;
	/* The typwriter cursor */
	white-space: nowrap;
	/* Keeps the content on a single line */
	margin: 0 auto;
	/* Gives that scrolling effect as the typing happens */
	letter-spacing: .15em;
	/* Adjust as needed */
	color: antiquewhite;
	font-size: 7em;
	font-family: 'Fira Code', monospace;
	animation:
	typing 3.5s steps(30, end),
	blink-caret .75s step-end infinite;
	animation-iteration-count: infinite
	}

	/* The typing effect */
	@keyframes typing {
	from {
	width: 0
	}

	to {
	width: 100%
	}
	}

	/* The typewriter cursor effect */
	@keyframes blink-caret {

	from,
	to {
	border-color: transparent
	}

	50% {
	border-color: orange;
	}
	}
	</style>
	</head>

	<body>
	<div class="typewriter">
	<h1>Be Right Back.....</h1>
	</div>
	</body>

	</html>
	<!DOCTYPE html>
	<html>

	<head>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
	* {
	box-sizing: border-box;
	background-color: rgb(54, 57, 63);
	align-items: center;
	justify-content: center;
	}

	/* Create three equal columns that floats next to each other */
	.fab {
	float: left;
	width: 33.33%;
	padding: 2px;
	text-align: center;
	color: antiquewhite;
	font-size: large;
	}

	/* Clear floats after the columns
	.row:after {
	content: "";
	display: table;
	clear: both;
	}*/
	</style>
	<script src="https://kit.fontawesome.com/f97497e388.js" crossorigin="anonymous"></script>
	</head>

	<body>
	<div id="container">
	<div class="row">
	<i class="fab fa-twitter"> /BrettMiller_IT</i>
	<i class="fab fa-twitch"> /BrettMillerIT</i>
	<i class="fab fa-github"> /brettmillerb</i>
	</div>
	</div>
	</body>

	</html>