html {font-family:sans-serif;}
body {font-family:"Oxygen",sans-serif;margin:0px;background-image:url("/images/flowers.svg");background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;}

header, footer, nav, main {right:0;left:0;padding:20px;font-size:medium;margin-left:auto;margin-right:auto;background-color:#fff;opacity:.95;}
header, footer, nav {color:#696969;text-align:center;}

nav {height:30px;}

main {text-align:left;}
main p {line-height:1.5em;}

a:link {color:#5f9ea0;}
a:visited {color:#696969;}
a:hover {color:#bc8f8f;text-decoration:none;}
a:active {color:#cd5c5c;}

@media(orientation:landscape) and (max-width:900px) {
main, nav, header, footer {width:60vw;}
}
@media(orientation:landscape) and (min-width:900px) {
main, nav, header, footer {width:30vw;}
}
@media(orientation:portrait) {
main, nav, header, footer {width:90vw;}
}