#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:10%}body{background-color:#ebffe5;width:100%;height:100vh;margin:0}.logo{min-width:250px;max-height:400px;width:25%;height:auto}.headline{color:#4f7453;font-size:32px}.subline{font-size:22px}.newsletter-input{opacity:.6;padding:1em;border-radius:8px;font-size:1.2em;outline:none;border:none;box-shadow:0 0 6px 0 rgba(0,0,0,.2)}.newsletter-button{padding:1em 2em;font-size:1.25em;border-radius:8px;border:none;background-color:#4f7453;color:#fff}.newsletter-button:hover{cursor:pointer}@media only screen and (max-width:550px){.newsletter-input{width:80%}.newsletter-button{margin-top:1em;width:90%}}@media only screen and (min-width:550px){.newsletter-input{width:250px}.newsletter-button{margin-left:.5em}}#snackbar{visibility:hidden;min-width:250px;background-color:#4f7453;color:#fff;text-align:center;border-radius:12px;box-shadow:0 0 10px 0 rgba(0,0,0,.2);padding:16px;position:fixed;z-index:1;left:50%;transform:translate(-50%);bottom:30px;font-size:17px}#snackbar.show{visibility:visible;animation:fadein .5s,fadeout .5s 2.5s}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.spinner{display:inline-block;margin-right:.5em}