.typewriter {
    font-family: Courier, monospace;
	display: inline-block;
}

.typewriter-text {
    display: inline-block;
  	overflow: hidden;
  	letter-spacing: 5px;
 	animation: typing 4s steps(35, end), blink .7s step-end infinite;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 700;
    border-right: .15em solid white;
    box-sizing: border-box;
}

@keyframes typing {
    from { 
        width: 0% 
    }
    to { 
        width: 100% 
    }
}

@keyframes blink {
    from, to { 
        border-color: transparent 
    }
    50% { 
        border-color: transparent; 
    }
}
h1 {
    color: #fff;
    font-family: monospace;
    overflow: hidden;
    font-size: 2.5em;
    text-shadow: 0px 0px 9px #000
}
    
/* second heading */

h2 {
    color: #fff;
    font-family: monospace;
    font-style: italic;
    font-weight: 400;
    text-shadow: 2x 2x #fff
}

pre {
    color: #fff;
    font-family: monospace;
    font-size: 1.25em;
    text-shadow: 0px 0px 10px #000;
}

#centered-column2 {
    width: 125px;
    height: auto;
    margin: 0 auto 10px auto;
}

.audioplayer {
position: relative;
width: 300px;
height: 80%;
padding: 20px, 20px;
margin: 0 auto 60px auto;
color: lightsteelblue;
z-index: 1000;

}

body {
    background-color: lightsteelblue;
    background-image: url("jason-leung-K1PU6sqsFPs-unsplash.jpg");
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    text-shadow: 2x 2x #000
}