body {
    background-color: #008080;
}
  
.container {
    width: 80%;
    margin: 0 auto;
    text-align: justify;
}

.container-narrow {
    width: 50%;
    margin: 0 auto;

}

div.center {
    text-align: center;
    margin: 0 auto;
  }

.button{
    padding: 10px 30px;
    border-radius: 3px;
}

h1 {
    font-family: 'Courier New', Courier, monospace;
    color: #FFA500;
    text-align: center;
	font-size: 1.5rem;
    padding: 25px;
}

h2 {
    font-family: 'Courier New', Courier, monospace;
    color: #FFA500;
    text-align: center;
	font-size: 1.1rem;
    padding: 25px;
}

h3 {
    font-family: 'Courier New', Courier, monospace;
    color: #004080;
    font-size: 1.1rrem;
    text-align: center;
}

p {
    font-family: 'Courier New', Courier, monospace;
    color: #FFA500;
    font-size: 1.1rem;
    text-align: center;
}

.justify {   
    text-align: justify;
}

a {
    font-family: 'Courier New', Courier, monospace;
    color: #FFA500;
    font-weight: bold;
    font-size: 1.1rem;
    text-align: center;
    padding: 25px;
}

iframe {
    width: 66%;
    display: block;      
    margin: auto;
    padding: 15px;
}

audio {
    width: 100%;
    height: 3rem;
}

video {
    width: "50%";
}