*{box-sizing:border-box}body{background-color:#e7f8f8;font-family:sans-serif;margin:0}.header{align-items:center;background-color:teal;display:flex;height:5rem;justify-content:space-between;padding:0 10%;width:100%}.logo{color:#fff;font-size:2rem}.nav ul{display:flex;list-style:none;margin:0;padding:0}.nav li{font-size:1.25rem;margin-left:1.5rem}.nav a{color:#88dfdf;text-decoration:none}.nav a.active,.nav a:active,.nav a:hover{color:#e6fcfc}.main{max-width:40rem;width:90%}.centered,.main{margin:3rem auto}.centered{align-items:center;display:flex;justify-content:center;text-align:center}.focused{color:#fff;font-size:3rem;font-weight:700}.btn{background-color:teal;border:1px solid teal;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;text-decoration:none}.btn:active,.btn:hover{background-color:#11acac;border-color:#11acac}.btn--flat{background-color:none;border:none;border-radius:4px;color:teal;cursor:pointer;font:inherit;padding:.75rem 1.5rem;text-decoration:none}.btn--flat:active,.btn--flat:hover{background-color:teal;color:#fff}.card{background-color:#fff;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.2);margin:1rem;padding:1rem}.spinner{display:inline-block;height:80px;width:80px}.spinner:after{-webkit-animation:spinner 1.2s linear infinite;animation:spinner 1.2s linear infinite;border-color:teal transparent;border-radius:50%;border-style:solid;border-width:6px;content:" ";display:block;height:64px;margin:8px;width:64px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.form{margin-top:1rem}.control textarea{background-color:#f0f0f0;border:1px solid #c1d1d1;border-radius:4px;display:block;font:inherit;font-size:1.25rem;padding:.35rem;width:100%}.control textarea:focus{background-color:#cbf8f8;outline-color:teal}.comments{list-style:none;margin:2.5rem 0;padding:0;text-align:center}.comments>button,.item{font-size:1.25rem}.item{border-bottom:2px solid teal;color:#4a5555;padding-bottom:.5rem}.quote{background-color:#162b2b;border-radius:6px;color:#fff;margin:3rem auto;max-width:40rem;padding:3rem;width:90%}.quote p{font-size:2.5rem}.quote figcaption{color:#a1e0e0;font-size:1.5rem;font-style:italic;text-align:right}.noquotes{align-items:center;display:flex;flex-direction:column;height:20rem;justify-content:center;margin:auto}.noquotes p{color:#262c2c;font-size:3rem;font-weight:700}.form{position:relative}.loading{align-items:center;background-color:hsla(0,0%,100%,.7);display:flex;height:100%;justify-content:center;position:absolute;width:100%}.control,.control label{margin-bottom:.5rem}.control label{display:block;font-weight:700}.control input,.control textarea{background-color:#f0f0f0;border:1px solid #c1d1d1;border-radius:4px;display:block;font:inherit;font-size:1.25rem;padding:.35rem;width:100%}.control input:focus,.control textarea:focus{background-color:#cbf8f8;outline-color:teal}.actions{text-align:right}.actions button{font-size:1.25rem}.item{align-items:flex-end;background-color:#c2e7f0;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;justify-content:space-between;margin:1rem 0;padding:1rem}.item:last-of-type{border-bottom:none}.item figure{margin:0;padding:0;width:70%}.item blockquote{color:#212929;font-size:1.5rem;margin:0;text-align:left}.item p{margin:0 0 .25rem}.item figcaption{color:#566d6d;font-style:italic}.list{list-style:none;margin:0;padding:0}.sorting{border-bottom:3px solid #b2d4d4;margin-bottom:2rem;padding-bottom:1rem}.sorting button{background-color:transparent;border:1px solid teal;border-radius:4px;color:teal;cursor:pointer;font:inherit;padding:.5rem 1.5rem}.sorting button:hover{background-color:#c2fafa}@media (max-width:560px){html{font-size:62.5%}}
/*# sourceMappingURL=main.08e3bb7e.css.map*/