html{margin:0;padding:0;font-size:12px;font-family:"Bree Serif",serif}@media only screen and (min-width:768px){html{font-size:14px}}@media only screen and (min-width:992px){html{font-size:14px}}@media only screen and (min-width:1200px){html{font-size:16px}}body{margin:0;padding:0}.container{display:flex;align-content:stretch;flex-direction:column;min-height:100vh;background:#fefefe}.navigation{flex:0 0 5rem;font-family:"Bree Serif",serif;font-size:1.2rem;display:flex;flex-direction:row;align-items:center;justify-content:center;border-bottom:1px solid #ddd}.navigation a.menu-item{text-align:center;text-decoration:none;color:#000;flex:0 0 15rem;transition:transform .15s ease-in-out}.navigation a.menu-item:hover{transform:scale(1.2)}.navigation.floating{position:fixed;z-index:1000;top:0;left:0;width:100vw;height:4rem;background-color:#fff}.content{margin-top:2rem;flex:1 1 auto}.footer{flex:0 1 4rem;text-align:center;padding-top:1.5rem}