*{margin:0;padding:0;box-sizing:border-box}body{color:white;height:100%;font-family:Arial, Helvetica, sans-serif;margin:0px}html{height:100%;scroll-behavior:smooth}a{text-decoration:none}a:link,a:active{color:white}a:visited,a:active{color:peru}a:hover{color:aquamarine}ul{list-style-type:none;padding-left:0}li{display:inline;margin-left:1em}header{position:fixed;width:100vw;z-index:2;border-bottom:solid 1px white;background-color:black;display:flex;align-items:center;justify-content:space-between}nav{margin-right:3em}.section-mission{background-image:url("teabags.jpg");height:100%;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.section-mission div{background-color:rgba(0,0,0,0.7);padding:1em}.section-tea{background-color:black;margin:auto;padding-top:2em;padding-bottom:2em;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center}.section-tea h1{margin:1em}.section-tea p{padding:1em}.section-tea .tea-pics{width:50vw;display:flex;flex-wrap:wrap;align-items:center;text-align:center;justify-content:space-between}.section-tea .tea-pics img{width:200px}.section-locations{background-image:url("teaset.jpg");background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;text-align:center}.section-locations h1{background-color:rgba(0,0,0,0.7);padding-top:0.5em;padding-bottom:0.5em;margin-bottom:0.5em}.section-locations .locations{display:flex;justify-content:space-around;align-items:center}.section-locations .locations div{background-color:rgba(0,0,0,0.7);padding:0.5em;margin-bottom:1em;text-align:center}.section-locations .locations div h2{padding:0.5em}.section-locations .locations div p{padding:1em}footer{background-color:black;height:3em;display:flex;align-items:center;justify-content:space-around;border-top:solid 1px white}@media screen and (max-width: 800px){.tea-pics{flex-direction:column}body{font-size:80%}}@media screen and (max-width: 600px){header{flex-direction:column}li{display:block;text-align:center}.locations{flex-direction:column}footer{flex-direction:column;height:fit-content}footer p,footer a{padding-top:0.5em;padding-bottom:0.5em}.section-tea{text-align:center}}