@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";.button{color:#fff;background-color:#222;font-weight:500;border-radius:.5rem;font-size:1rem;line-height:2rem;padding:.52rem 1.5rem;cursor:pointer;text-align:center;margin-right:.5rem;display:inline-flex;align-items:center;border:none}.button:hover{background-color:#333}.button svg{display:inline;width:1.3rem;height:1.3rem;margin-right:.75rem;color:#fff}.button:hover svg{animation:spin_357 .5s linear}.button.clicked{animation:spin_357 .5s linear}@keyframes spin_357{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width: 768px){.button{padding:5px 15px;font-weight:400;margin-right:0}.button svg{width:1.2rem;height:1.2rem;margin-right:.5rem}}.quote{background:none;border:none;font:inherit;color:inherit;padding:0;cursor:pointer}.quote h2{font-family:Raleway,sans-serif;font-style:italic;font-weight:800;font-size:2.5rem}.quote h3{font-family:Raleway,sans-serif}.container{position:relative;margin-left:65px;margin-right:65px}.copy-notif{visibility:hidden;position:absolute;bottom:95%;left:50%;transform:translate(-50%);opacity:50%}.container:hover .copy-notif{visibility:visible}@media only screen and (max-width: 768px){.container{padding:0}.quote h2{font-size:1.5rem;font-weight:700}.container{margin:0}}.navbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;width:100%;z-index:100;padding-left:20px;box-sizing:border-box}.navbar h1{font-family:Montserrat,sans-serif;font-weight:700;font-size:2rem;padding:0;margin-top:15px}.socials{display:flex;justify-content:center;align-items:center;list-style:none;padding:0}.icon-content{margin:0 10px;position:relative}.link{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:45px;height:45px;border-radius:50%;background-color:#fff;transition:all .3s ease-in-out}.link:hover{box-shadow:3px 2px 45px #0000001f}.link img{width:27x;height:27px;z-index:2;transition:filter .3s ease-in-out}.link:hover img{filter:brightness(0) invert(1)}.link:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0%;background-color:inherit;transition:height .3s ease-in-out;z-index:1}.link:hover:before{height:100%}.icon-content a[aria-label=Whatsapp]:hover:before{background-color:#25d366}.icon-content a[aria-label=LinkedIn]:hover:before{background-color:#0274b3}.icon-content a[aria-label=Twitter]:hover:before{background-color:#1da1f2}.tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);color:#fff;padding:6px 10px;border-radius:5px;opacity:0;visibility:hidden;font-size:14px;transition:all .3s ease}.icon-content a[aria-label=Whatsapp] .tooltip{background-color:#25d366}.icon-content a[aria-label=LinkedIn] .tooltip{background-color:#0274b3}.icon-content a[aria-label=Instagram] .tooltip{background-color:#1da1f2}@media only screen and (max-width: 768px){.link{width:35px;height:35px}.link img{width:23px;height:23px}}.loading-icon{--uib-size: 25px;--uib-speed: 1.5s;position:relative;display:flex;align-items:center;justify-content:center;height:var(--uib-size);width:var(--uib-size);animation:rotate936 calc(var(--uib-speed) * 1.667) infinite linear}.loading-icon:before,.loading-icon:after{content:"";position:absolute;height:60%;width:60%;border-radius:50%;background-color:currentColor;will-change:transform;flex-shrink:0}.loading-icon:before{animation:orbit var(--uib-speed) linear infinite}.loading-icon:after{animation:orbit var(--uib-speed) linear calc(var(--uib-speed) / -2) infinite}@keyframes rotate936{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit{0%{transform:translate(calc(var(--uib-size) * .5)) scale(.73684);opacity:.65}5%{transform:translate(calc(var(--uib-size) * .4)) scale(.684208);opacity:.58}10%{transform:translate(calc(var(--uib-size) * .3)) scale(.631576);opacity:.51}15%{transform:translate(calc(var(--uib-size) * .2)) scale(.578944);opacity:.44}20%{transform:translate(calc(var(--uib-size) * .1)) scale(.526312);opacity:.37}25%{transform:translate(0) scale(.47368);opacity:.3}30%{transform:translate(calc(var(--uib-size) * -.1)) scale(.526312);opacity:.37}35%{transform:translate(calc(var(--uib-size) * -.2)) scale(.578944);opacity:.44}40%{transform:translate(calc(var(--uib-size) * -.3)) scale(.631576);opacity:.51}45%{transform:translate(calc(var(--uib-size) * -.4)) scale(.684208);opacity:.58}50%{transform:translate(calc(var(--uib-size) * -.5)) scale(.73684);opacity:.65}55%{transform:translate(calc(var(--uib-size) * -.4)) scale(.789472);opacity:.72}60%{transform:translate(calc(var(--uib-size) * -.3)) scale(.842104);opacity:.79}65%{transform:translate(calc(var(--uib-size) * -.2)) scale(.894736);opacity:.86}70%{transform:translate(calc(var(--uib-size) * -.1)) scale(.947368);opacity:.93}75%{transform:translate(0) scale(1);opacity:1}80%{transform:translate(calc(var(--uib-size) * .1)) scale(.947368);opacity:.93}85%{transform:translate(calc(var(--uib-size) * .2)) scale(.894736);opacity:.86}90%{transform:translate(calc(var(--uib-size) * .3)) scale(.842104);opacity:.79}95%{transform:translate(calc(var(--uib-size) * .4)) scale(.789472);opacity:.72}to{transform:translate(calc(var(--uib-size) * .5)) scale(.73684);opacity:.65}}.preset-buttons,.manual-buttons{display:flex;flex-direction:column;margin-top:30px;gap:1rem;position:fixed;left:20px}.preset-buttons button{font:inherit;color:inherit;padding:0;cursor:pointer;width:40px;height:40px;border-radius:50%;box-shadow:0 4px 10px #0000001a}.manual-button{display:flex;align-items:center;justify-content:center}.color1{background-color:#f1f6f9;border:1.5px solid #212a3e}.color2{background-color:#7469b6;border:1.5px solid #f7f9f2}.color3{background-color:#e1afd1;border:1.5px solid #ffff80}.color4{background-color:#11999e;border:1.5px solid #e4f9f5}.color5{background-color:#222831;border:1.5px solid #eeeeee}.background,.foreground{width:45px;height:45px;display:flex;align-items:center;justify-content:center}.background-input,.foreground-input{background:none;width:100%;height:100%}.background-icon,.foreground-icon{position:absolute;pointer-events:none}.back-button{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:none;border:none}@media only screen and (max-width: 768px){.preset-buttons,.manual-buttons{position:fixed;flex-direction:row;bottom:30px;left:50%;transform:translate(-50%)}}body{margin:0;padding:0 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;height:100vh}.quote-container{padding-top:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 70px);text-align:center}.buttons{display:flex;flex-direction:row;margin-top:10px;align-items:center;justify-content:space-between}.download-button{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%}.download-icon{width:26px;height:26px}.quote-body{display:flex;align-items:center;justify-content:center}.download-button{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:45px;height:45px;border-radius:50%;background-color:#fff;transition:all .3s ease-in-out;border:none;cursor:pointer}.download-button:hover{box-shadow:3px 2px 45px #0000001f}.download-icon{width:27px;height:27px;z-index:2;transition:filter .3s ease-in-out;fill:#000}.download-button:hover .download-icon{filter:brightness(0) invert(1)}.download-button:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0%;background-color:#ff6961;transition:height .3s ease-in-out;z-index:1}.download-button:hover:before{height:100%}.download-button+.tooltip{position:absolute;top:-35px;left:50%;transform:translate(-50%);color:#fff;padding:6px 10px;border-radius:5px;opacity:0;visibility:hidden;font-size:14px;transition:all .3s ease}.icon-content{position:relative}.icon-content:hover .tooltip{opacity:1;visibility:visible;top:-50px}@media only screen and (max-width: 768px){.buttons{flex-direction:column}.quote-body{flex-direction:row}.quote-container{padding-top:0}.download-button{width:35px;height:35px}.download-icon{width:23px;height:23px}}