:root{--smaller:.75}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0}body{background-color:#ffd54f;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex}.container,a{color:#333;text-align:center;margin:0 auto}h1{letter-spacing:.125rem;text-transform:uppercase;font-weight:400}li{text-transform:uppercase;padding:1em;font-size:2.5em;list-style-type:none;display:inline-block}li span{font-size:5.5rem;display:block}.emoji{padding:1rem;display:none}.emoji span{padding:0 .5rem;font-size:4rem}.quote-container{flex-direction:column;align-items:flex-end;width:70%;display:flex}#quote{font-size:2rem;font-style:oblique}#author{font-style:italic}@media (max-width:768px){h1{font-size:calc(1.5rem*var(--smaller))}li{font-size:calc(1.125rem*var(--smaller))}li span{font-size:calc(3.375rem*var(--smaller))}}.loader{box-sizing:border-box;border:25px solid #0000;border-color:#0000 #333;border-radius:50%;width:200px;height:200px;animation:2s linear infinite rotation;display:inline-block;position:absolute;top:calc(50% - 100px);left:calc(50% - 100px)}.loader:after{content:"";box-sizing:border-box;border:100px solid #0000;border-color:#0000 #33333326;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}