@import"https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap";body{background-color:#000;color:#fff;font-family:Cabin,Helvetica,Arial,sans-serif;margin:0;padding:0}.dev{outline:3px solid rgb(162,0,255)}.dev-red{outline:3px solid rgb(255,0,0)}.dev-green{outline:3px solid green}.dev-white{outline:3px solid white}div{font-size:2rem}.Hero{background-image:url(/Logitech/Hero.jpg);background-position:-10% 0%;background-size:cover;min-height:max-content;align-items:center;justify-content:center;display:flex;height:100vh}.Hero .card-content{margin-left:5rem}.scroll-r{width:6.5%;margin:5rem 0rem;margin-left:55%;margin-right:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:2px solid rgb(65,65,65);font-size:3rem}.scroll-r .icon{margin:1rem}.scroll-r .icon:hover{color:#0ff}.Button{background-color:transparent;font-size:.9rem;color:#fff;border:solid 2px #1BB3B9;border-radius:50px;padding:1rem 2rem;font-weight:700}.Button:hover{background-color:#ffffff0e;color:#1bb3b9}.scroll{position:absolute;height:90%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:2px solid rgb(65,65,65);font-size:3rem;left:0}.scroll .current{border:1px solid white;border-radius:100%;padding:.5rem;color:#0ff}.scroll .icon{margin:1rem}.scroll .icon:hover{color:#0ff}.card-content{padding:1.7rem;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.card-content h1{font-size:3.5rem}.card-content h2{font-size:1rem;font-weight:700}.card-content p{font-size:1rem;color:silver}.product-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;max-height:50vh;padding-bottom:5rem}.product-img{justify-self:end;padding-right:14rem}.product-img img{width:100%;height:100%;object-fit:contain}.product-info{margin-left:5rem;justify-self:start;max-width:50%}.product-tittle{font-size:1.8rem;margin-bottom:.6rem;font-weight:700;white-space:nowrap}.product-desc{font-size:1rem}.about{display:flex;height:fit-content;align-items:center;background:#202123;flex-direction:column}.about .about-top{padding-top:4rem;display:flex;height:100vh;align-items:center;justify-content:center}.mouse{width:100%;height:50%}.img{width:100%;height:100%;object-fit:contain}.about-img{width:100vw}.about-img img{width:100%;height:100%}.Products{display:flex;justify-content:center;position:relative;flex-direction:column;background-color:#232427}.product-list{padding-top:5rem}.vertical-line{position:absolute;display:flex;flex-direction:column;top:24%;bottom:0;left:50%;width:2px;background-color:#18e5ff;transform:translate(-50%);margin-top:5rem}.dots{position:absolute;display:flex;flex-direction:column;justify-content:space-between;top:-3%;bottom:-3%;left:50%;transform:translate(-50%)}.dots .dot{border-radius:100%;border:2px solid white;padding:.5rem;color:#18e5ff}.PrTittle{font-size:3rem;font-weight:700;text-align:center;padding:9rem 9rem 3rem}.Specs{background-color:#17181a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 0;height:80vh}.specifications{display:grid;grid-template-columns:1fr 1fr 1fr;align-content:center;padding-top:3rem;padding-left:5rem}.specifications ul{list-style:none;font-size:.9rem;padding:0}.specifications span{font-weight:700;color:#fff}.specifications li{padding:.3rem 0;color:#a79f9f}.specs-tittle{font-size:1.2rem;font-weight:700}.column{display:flex;flex-direction:column;padding:0 5rem}.pageTittle{font-size:2.5rem;font-weight:700}.navbar{display:flex;justify-content:space-between;align-items:center;max-height:5rem;width:100%;position:absolute;top:0;z-index:10}.navbar-logo{height:2.5rem;margin-left:5%}.navbar-logo img{height:100%;width:100%}.navbar-nav{list-style-type:none;display:flex;margin-right:13%}.nav-item{margin-right:3rem;font-size:1rem;font-weight:700}.nav-link{color:#fff;text-decoration:none}.nav-link:hover{color:#18e5ff}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#121213;color:#fff;padding:3rem;height:50vh}.footer__nav{font-size:1.2rem;font-weight:700;margin-bottom:20px;text-align:center}.footer__menu{list-style:none;padding:0;margin:0}.footer__menu li{margin-bottom:10px}.footer__menu li a{color:#fff;text-decoration:none}.footer__social{display:flex}.footer__social-btn{font-size:1.5rem;color:#0ef;border:none;background-color:transparent;padding:10px 15px;margin-right:10px;cursor:pointer}