:root{height:100%;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Helvetica Neue,sans-serif}body{margin:0;height:100vh}nav{padding:2.5vh 0;width:100%;height:10vh;font-size:5vh;display:flex;justify-content:space-evenly;align-items:center}nav h1{display:none}.dropdown-menu{padding:.5rem;border-radius:5px;background:transparent;color:#fff;font-size:1rem}.refresh-button{padding:20px;font-size:1.25rem;border:none;border-radius:5px;background-color:#8f4792;color:#fff}.refresh-button:hover{background-color:#6b346c;cursor:pointer}.refresh-button:focus{outline:2px solid #6b346c;outline-offset:2px}@media only screen and (min-width: 768px){nav h1{display:block}}.quotes-section{margin:auto;width:100%;height:80vh;border-radius:8px;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center}.quotes-section h2,.title{font-size:1.75rem;color:#dcdcdc;text-align:center}.quotes-section h2{margin:0;width:90%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:center}.sharing{width:80%;height:20%;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;align-content:flex-start;gap:2vh}.sharing svg{font-size:4vh;color:#dcdcdc;opacity:.8}.sharing svg:hover{opacity:1}@media only screen and (min-width: 768px){.quotes-section{width:90%}.quotes-section h2{width:80%}.quotes-section h2{font-size:2.25rem}.sharing{align-content:center}.sharing #whatsapp{display:none}}