:root{--h1-colour:#2c3e50;--button-colour:#d88c9a;--lh-color:#d88c9a;--rh-color:#f2d0a9;--button-hover-color:#f2d0a9;--button-hover-text-color:#2c3e50}#app-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;flex-direction:column;align-items:center;height:100vh;padding:0;font-family:Avenir,Helvetica,Arial,sans-serif;display:flex}header{z-index:1}header a{position:absolute;top:1rem;left:1rem}h1{color:var(--h1-colour);margin:0;font-size:2rem;line-height:1;text-decoration:underline;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.refresh-btn{z-index:1;width:3rem;height:3rem;color:var(--button-colour);cursor:pointer;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.6rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.refresh-btn svg{width:100%;height:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-btn:hover{color:var(--button-hover-color)}.refresh-btn:hover svg,.refresh-btn.spinning svg{animation:.5s ease-in-out spin}.banner-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.lh-banner,.rh-banner{flex-direction:column;justify-content:center;width:100%;height:100%;padding:0 2rem;display:flex}.lh-banner{background-color:var(--lh-color)}.rh-banner{background-color:var(--rh-color)}.copy,.title{text-align:left;font-size:1.25rem}.title{font-weight:600}@media screen and (width>=46rem){h1{font-size:3rem}.banner-container{flex-direction:row;align-items:flex-start}.lh-banner,.rh-banner{flex-grow:1;padding:0 3rem}.copy,.title{font-size:1.5rem}.refresh-btn{width:4rem;height:4rem}}