@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap";.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{font-size:calc(10px + 2vmin)}.header{display:flex;justify-content:space-between;align-items:center;padding:2rem 1.5rem 1.5rem}.nav-bar{display:flex;margin-left:5rem;margin:1rem 4rem 1rem 1rem;width:40%;justify-content:space-around}.nav-btns{background-color:transparent;border:none;font-size:11px;letter-spacing:1.3px;font-weight:400;color:#252b46;transition:1s;cursor:pointer}.nav-btns:hover{color:#fa5757;transition:.5s}.Logo{padding-left:8rem;cursor:pointer}#login-btn{width:5.5rem;height:2rem;border-radius:4px;color:#fff;background-color:#fa5757}#login-btn:hover{background-color:transparent;border:1px solid hsl(0,94%,66%);color:#252b46}.main-content{display:flex;width:90%;padding:5rem;padding-right:0;padding-top:3.5rem;margin-left:3.2rem;font-size:24px}.main-text{display:flex;flex-direction:column;margin-top:5rem;text-align:left;width:45%;margin-right:1.5rem}h1{font-weight:500;color:#252b46;margin:0}.main-decription{color:#9194a1;font-size:18px;line-height:1.7rem}.extensions{display:flex;gap:2rem}.download-extension{display:flex;align-items:center;justify-content:center;padding:.8rem 1.5rem;font-size:14px;border-radius:4px;border:none;cursor:pointer}#chrome{color:#fff;background-color:#5368df;border:2px solid hsla(231,69%,60%,0);transition:1s}#firefox{background-color:#9194a10f;border:2px solid hsla(229,8%,60%,0);box-shadow:0 5px 8px #00000029;transition:1s;color:#9194a1}#firefox:hover{border:2px solid hsla(229,8%,60%,.746);background-color:transparent;box-shadow:none;border-radius:6px}#chrome:hover{background-color:transparent;border:2px solid hsl(231,69%,60%);color:#5368df}.main-img{display:flex}.logoHero{z-index:1}.square{position:absolute;width:20rem;height:21rem;background-color:#5368df;top:19.5rem;right:0}.circle{position:absolute;width:24rem;height:25rem;background-color:#5368df;top:15.5rem;right:8rem;border-radius:50%}.features{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:0}.features-title{font-size:32px;font-weight:500;color:#252b46}.features-text{width:40%;color:#9194a1;font-size:18px;line-height:1.8rem}.features-nav{width:100%;display:flex;flex-direction:column;justify-content:center}.features-options{display:flex;justify-content:center;gap:8rem;list-style:none;margin-top:3rem;padding-right:3rem;font-size:18px;color:#252b46}.line{margin-left:9rem;border:.5px hsla(229,8%,60%,.404) solid;width:80%}.feature:hover{color:#fa5757;font-weight:400;cursor:pointer}.feature-component{display:flex;margin:0;margin-top:3.5rem;width:90%}.feature-text-container{padding-left:7rem;text-align:left}.feature-text-container h3{font-size:32px;color:#252b46}.feature-text-container p{color:#9194a1;line-height:1.5rem;font-size:18px}.feature-text-container input{padding:.5rem 1.5rem;font-size:16px;border-radius:4px;cursor:pointer;color:#fff;background-color:#5368df;border:2px solid hsla(231,69%,60%,0);transition:.5s ease-in-out}.btn-info:hover{background-color:transparent;border:2px solid hsl(231,69%,60%);color:#5368df;font-weight:500}.btn-slider{background-color:transparent;height:1.5rem;width:13rem;font-size:18px;border:none;outline:none;color:#424657;transition:1s;font-weight:400;cursor:pointer}.btn-slider:hover,.btn-slider:active{color:#141829}.img-container{position:relative;display:flex;width:35rem}.img-feature{z-index:1}.square-feature{height:18rem;width:28rem;background-color:#5368df;position:absolute;top:10rem;right:20rem}.figures{position:relative;width:25rem}.circle-feature{height:18rem;width:18rem;background-color:#5368df;position:absolute;right:10.5rem;top:10rem;border-radius:50%}.feature-component{justify-content:center;padding:1rem 3rem 3rem 5.5rem}#ext-title{font-weight:800;font-size:28px;color:#252b46;margin-top:5rem}.ext-text{margin-left:auto;margin-right:auto;width:50%;color:#9194a1}.cards-containers{padding-top:1.5rem;padding-bottom:1.5rem;width:20%;box-shadow:1px 8px 20px 1px #0000001a;border-radius:.5rem;position:relative;transition:.7s ease-in-out;cursor:pointer}.cards-containers:hover{transform:translateY(-4px)}.cards-containers div input{padding:.5rem 1.5rem;font-size:16px;border-radius:4px;cursor:pointer;color:#fff;background-color:#5368df;border:2px solid hsla(231,69%,60%,0);transition:1.5s;margin-top:.6rem}.cards-containers div input:hover{background-color:transparent;border:2px solid hsl(231,69%,60%);color:#5368df}.ext-logo{padding:.7rem}#chrome-ext{position:absolute;margin-right:40rem}#firefox-ext{position:absolute;margin-top:3rem}#opera-ext{margin-left:38rem;margin-top:6rem}.bottom-footer{background-color:#252b46;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:13px;letter-spacing:1.5px;padding:.5rem 0 .5rem 1rem;transition:1s;cursor:pointer}.top-footer{background-color:#5368df;height:18rem;padding-top:2rem}.left-bottom-footer{display:flex;width:auto}.footer-form{width:30%;display:flex;flex-direction:column;margin-left:auto;margin-right:auto}.footer-list{display:flex;list-style:none;gap:2rem;color:#fff}#footer-small-text{color:#fff;letter-spacing:4px;text-transform:uppercase;font-size:12px}#footer-big-text{font-size:32px;color:#fff;font-weight:500}#input-email{border:none;outline:none;height:3rem;width:60%;border-radius:.5rem;text-align:start;padding-left:1rem;font-size:1rem;margin-right:1rem}.input-div{width:100%}#contact-us-btn{height:3rem;border-radius:.5rem;width:25%;color:#fff;background-color:#fa5757;cursor:pointer;transition:.5s ease-in-out;border:2px solid hsl(0,94%,66%);outline:none}#contact-us-btn:hover{background-color:#fff;color:#fa5757}#logo-footer-book{min-width:60%;transform:scale(.5)}.rigth-bottom-footer{margin-left:auto;margin-right:4rem;display:flex;cursor:pointer;transition:1s}.footer-icons{margin:0 1rem;cursor:pointer}.footer-links:hover{color:#fa5757}.footer-icons:hover path,.footer-icons:hover{fill-rule:rgb(0,0,0,1)}*{font-family:Rubik;scroll-behavior:smooth}body{margin:0;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}a{list-style:none;text-decoration:none;color:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}