*{box-sizing:border-box}
*{text-decoration:none}



}
container{
    max-width:1000px;
}

body{
    background: #7db9f1;
}

header{
    background: #fff;
    margin:0, auto;
    text-align: center;
    font-family: 'Optima', sans-serif;
    padding:12px;
}

h1{
    font-size:4vw;
}
h2{
    font-size:3vw;
}

h3{
    font-size:2.6vw;
    font-family: 'Optima', sans-serif;
    text-indent:0px;
}

section{
    background: #AFEEEE;
    font-size:2.0vw;
    padding: 12px;
    font-family: 'Didot', 'Helvetica', serif;
    line-height:1.1;
    letter-spacing: 0.1em;
    
}

main{
   min-height:100vh;
    background: #FFE4C4;
    font-family: 'Optima', sans-serif;
    font-size:4vw;
    padding: 12px;
}

.audio{
    background:#FFE4C4;
    font-size:2.5vw;
    font-family: 'Optima', sans-serif;
    padding:8px;
    margin-bottom:8px;
    float:left;
}

.indent{
    text-indent:12px;
}

.bmargin{
    display:block;
    margin-bottom:10px;
}

.intro{
    background: rgb(202, 235, 198);
    font-size:1.6vw;
    font-family:  'Didot', 'Helvetica', serif;
    line-height:1.1;
    letter-spacing: 0.1em;
    text-indent:10px;
    padding:12px;
    margin-bottom:8px;
}

ul li {
    float:left;
   
    text-align:center;
    font-family: 'Optima', sans-serif;
    font-size:2vw;
    font-weight:bold;
    letter-spacing: 0.1em;
    border: 5px solid rgb(214, 42, 42);
    border-radius: 10px;
    border-style: outset;
    background-color: #9ef59e;
    margin:0 4px 8px 0;
    padding:8px;
}

ol li {
    float:left;
    font-family: 'Optima', sans-serif;
    font-size:2.0vw;
    border: 3px solid rgb(219, 40, 40);
    border-radius: 10px;
    border-style: groove;
    background-color: #9ef59e;
    margin:0 4px 4px 0;
    padding:8px;
}

ol li:last-of-type{
    letter-spacing: 0.8em;
    font-size:3vw;
}

a:hover{
    background:#39E5FF;
}

a:active{
    background-color:red;
}
/* Responsiveness */

@media (max-width:700px) {
	body{
		width:100%;
		margin:0px;
		
		line-height:1.em;
		font-weight:400;
		letter-spacing: -1px;
	}
	#container{
		width:98%;
		margin:5px auto;
    }
    
    section{
        font-size:4vw;
    }
    .intro{
        font-size:4vw;
    }
    
    h3{
    font-size:5.0vw;
    font-family: 'Optima', sans-serif;
    text-indent:0px;
}
    
    ul li{
        max-width:100%;
        font-size:4vw;
    }
    
    ol li{
        width:100%;
        font-size:4vw;
    }