@import "https://fonts.googleapis.com/css2?family=Geomini:wght@200..800&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sour+Gummy:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box;font-family:Geomini,sans-serif}body{background:linear-gradient(223deg,#9d39fa 0%,#b6a3ff 100%);justify-content:center;align-items:center;height:100vh;display:flex}.quote-box{text-align:center;background:linear-gradient(306deg,#ff78fb 0%,#faaaef 50%,#fc458b 100%);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:65.7895%;min-width:500px;height:225px;margin-left:auto;margin-right:auto;padding:30px;display:flex;box-shadow:0 30px 90px #0006}.quote-content{flex-direction:column;gap:12px;display:flex}.fa-quote-left{margin-right:10px;font-size:1.75rem}#text{font-family:Sour Gummy,sans-serif;font-size:1.5rem;font-weight:700}.author{align-self:flex-end}.quote-options{justify-content:space-between;width:96.2963%;display:flex}.links-container{gap:8px;display:flex}.links-container i,a{font-size:23px}.links-container i:hover,a{cursor:pointer;color:#222}.links-container i:active,a{color:#3e3e3e;transform:scale(.975)}.change-quote-btn{color:#202020;cursor:pointer;transform-style:preserve-3d;background:#ad55ff;border:none;border-radius:8px;padding:11.5px;font-weight:700;transition:all 1s cubic-bezier(.455,.03,.515,.955)}.change-quote-btn:hover{opacity:.9;box-shadow:0 15px 25px #00000026,0 5px 10px #0000000d}.change-quote-btn:active{opacity:1;transform:scale(.95)}.quote-box{transition:background 1.2s cubic-bezier(.755,.05,.855,.06)}.quote-box .change-quote-btn,.quote-box .links-container a i{transition:background-color .4s ease-in-out,color .4s cubic-bezier(.785,.135,.15,.86),transform .5s cubic-bezier(.39,.575,.565,1)}.quote-box .change-quote-btn:hover,.quote-box .links-container a i:hover{transform:translateY(-2px)}.quote-box .quote-content{transition:opacity .25s ease-in-out,transform .25s ease-in-out}.quote-box .quote-content.fade-in{opacity:1;transform:translateY(0)}.quote-box .quote-content.fade-out{opacity:0;transform:translateY(-10px)}.footer{text-align:center;justify-content:center;align-items:center;width:100%;margin-top:12px;font-family:Sour Gummy,sans-serif;display:flex}