a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body,html{height:100%}body{font-family:Zilla Slab,arial,sans-serif;background-color:#5e9732}a,body{color:#003a23}button{font-family:Zilla Slab,arial,sans-serif;background:transparent;border:0;box-sizing:border-box;padding:4px;color:#000;font-size:1rem}button,label{cursor:pointer}label{margin:2px}textarea{resize:none}input[type=number],input[type=text],textarea{width:100%;margin:8px 16px;box-sizing:border-box}input[type=number],input[type=text]{padding:8px}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}ol{list-style:decimal;margin-left:40px}.wrap{width:100%;max-width:1440px;margin:auto}.hide-text{position:absolute;top:0;left:0;width:0;height:0;opacity:0;font-size:0}#page{display:flex;flex-direction:column;min-height:calc(100vh + 1px)}header{position:fixed;width:100%;top:0;left:0;z-index:200;display:flex;flex-direction:row;box-shadow:inset 0 0 8px 4px hsla(71,82%,80%,.5);background-color:#5e9732}header h1{margin-bottom:8px}main{flex:1 1;min-height:100vh;box-sizing:border-box;padding:72px 16px}hr{border:0;border-bottom:1px solid #e7f6a4;margin:16px 0}strong{font-weight:700}.content-left{position:relative;margin:8px 16px}.content-left #linkHome{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.content-right{margin:auto 16px auto auto}.content-right #btnMenu{background:transparent;border:0;font-size:2rem}.content-right #btnMenu:focus+#menu{right:0}.content-right #menu{background:#333;color:#5e9732;box-sizing:border-box;padding:16px;position:absolute;top:0;right:-100%;width:80%;height:100vh;z-index:1000;transition:right .37s;box-shadow:0 0 4px 2px rgba(0,0,0,.5)}.content-right #menu:focus-within{right:0}.content-right #menu a,.content-right #menu button{color:#5e9732;font-size:2em;margin:16px 0}.content-right #menu ul li{display:block;border-bottom:1px solid #e7f6a4}.content-right #menu ul li a,.content-right #menu ul li button{position:relative;display:block;width:100%;text-decoration:none;box-sizing:border-box;padding:16px 16px 16px 8px;background:transparent;border:0;text-align:left;display:flex;flex-direction:row}.content-right #menu ul li a i,.content-right #menu ul li button i{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.content-right #menu ul li a .link-copy,.content-right #menu ul li button .link-copy{box-sizing:border-box;padding:32px 0 32px 2em}.content-right #menu footer{position:absolute;bottom:0;left:0;width:100%;z-index:100;text-align:center;box-sizing:border-box;padding:8px 0}.content-right #menu footer a{font-size:1rem}.row{flex-direction:row;margin:4px 0}.col,.row{display:flex;justify-content:space-between}.col{flex-direction:column}.grow{flex-grow:1}.flex-center{align-items:center}.grid{display:grid;display:-ms-grid;grid-template-columns:repeat(2,1fr);-ms-grid-columns:1fr 1fr;grid-template-rows:repeat(2,1fr);-ms-grid-rows:1fr 1fr}.grid .grid-cell{align-self:center;-ms-grid-row-align:center;box-sizing:border-box}.align-right{text-align:right;align-items:flex-end}.btn{background-color:#e7f6a4;border-radius:4px;padding:16px;box-sizing:border-box}#index h2{margin:16px 0}#user ul{list-style:disc outside;margin:16px 0 0 40px}#about section{margin:16px 0 32px}#about h2{margin-bottom:16px}#about h3{margin-bottom:8px}#about ol li{margin:8px 0}#get-soap section{margin:16px 0 32px}#get-soap h2{margin-bottom:16px}#get-soap h3{margin-bottom:8px}#get-soap form{display:inline-block}#get-soap .input-wrap{display:flex;flex-direction:row}#get-soap .input-wrap .fa-equals{margin:auto 16px}#get-soap .input-wrap .text-wrap{width:100px;display:inline-block;margin:16px 0}#get-soap .input-wrap .text-wrap input{margin:8px 0}#get-soap .btn,.shout{width:100%}.shout{background:#fff;border-radius:8px;padding:12px 24px;box-sizing:border-box;margin:24px 0}.shout strong a{text-decoration:none}.shout .btn-cancel,.shout .btn-edit,.shout .btn-edit-submit,.shout .btn-follow,.shout .btn-unfollow{margin-left:auto}.shout .btn-cancel i,.shout .btn-edit i,.shout .btn-edit-submit i,.shout .btn-follow i,.shout .btn-unfollow i{font-size:1rem}.shout .grid{grid-template-columns:auto 1fr;margin:16px 0}.shout .grid label{margin-right:16px}.shout input[type=text],.shout textarea{margin:0}