@import url("https://fonts.googleapis.com/css?family=Fira+Sans&display=swap");@import url("https://fonts.googleapis.com/css?family=Merriweather&display=swap");.testapp__container{display:grid;grid-template-columns:1fr;grid-template-rows:48px 1fr 48px;height:100vh}.testapp__container h1,.testapp__container h2,.testapp__container h3,.testapp__container h4,.testapp__container h5{font-family:Fira Sans,sans-serif}.testapp__container p{font-family:Merriweather,serif}.testapp__container header nav{display:flex;position:fixed;justify-content:space-between;width:100%;background-color:#63419b;color:#f3ffdd;height:48px;align-items:center;box-shadow:0 2px 5px #000}.testapp__container header nav h1{display:block;padding:0;margin:0 32px;font-size:32px;letter-spacing:1.5px;line-height:1;font-variant:small-caps}.testapp__container header nav ul{display:flex;margin-right:32px;list-style-type:none;align-items:center;height:100%}.testapp__container header nav ul li{font-family:Fira Sans,sans-serif;padding-left:18px;padding-right:18px;font-size:18px;font-weight:600;cursor:pointer}@media (max-width:550px){.testapp__container header nav h1{font-size:24px}.testapp__container header nav ul li{font-size:15px}}@media (max-width:400px){.testapp__container header nav h1{font-size:16px}.testapp__container header nav ul li{font-size:15px}}.testapp__container section{font-size:16px;max-width:800px;margin:0 auto;padding:2rem 0;letter-spacing:.5px}.testapp__container section article{padding:0 2rem}.testapp__container section article h2{margin:0;padding:0;font-size:28px;font-variant:small-caps}.testapp__container section article p{margin-left:2rem;line-height:2}@media (max-width:400px){.testapp__container section{margin:0;padding:16px;font-size:14px}.testapp__container section article p{line-height:1.75;margin:0 16px}}.testapp__container footer{background-color:#63419b;color:#f3ffdd;display:flex;flex-direction:row;align-items:center;justify-content:center}.testapp__container footer a{font-family:monospace;font-size:18px}.testapp__container footer a:active,.testapp__container footer a:visited{color:#a2e6f7}#coronavirus-widget{display:block}.corona-widget__container{position:fixed;display:block;padding:32px;z-index:9999;background:#fff;border-radius:8px;box-shadow:0 0 4px 3px rgba(0,0,0,.6);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:18px;top:0;left:0;margin:20px;max-width:50vw;text-align:center;font-size:16px;transition:opacity .5s ease-in}.corona-widget__container h4{margin:0;text-decoration:underline}.corona-widget__container[data-position=top-right]{right:0;left:unset}.corona-widget__container[data-position=bottom-right]{right:0;left:unset;bottom:0;top:unset}.corona-widget__container[data-position=bottom-left]{bottom:0;top:unset}.corona-widget__container a{font-size:18px;font-weight:700;padding:8px}@keyframes hide-anim{0%{opacity:1;transform:translateX(0);display:block}to{opacity:0;transform:translateX(-100vw);display:none}}.corona-widget__container.hidden{animation:hide-anim 1s ease-in forwards}.corona-widget__container button{padding:10px 24px;background-color:#444;border:none;border-radius:2px;font-size:16px;color:#fff;font-weight:700;box-shadow:0 2px 2px 1px #000;transition:.2s ease;cursor:pointer}.corona-widget__container button:hover{background-color:#777}.corona-widget__container button:active,.corona-widget__container button:focus{outline:1px dotted #d3d3d3;outline-offset:-8px;box-shadow:inset 0 2px 2px 1px #000;background-color:#777}@media (max-width:600px){.corona-widget__container{box-sizing:border-box;display:flex;position:fixed;flex-direction:column;place-items:center;margin:0;padding:8px 16px;max-width:unset;width:100%;height:fit-content;border-radius:0}}
/*# sourceMappingURL=/app.css.map */