:root{--content-width:980px;--header-height:60px}body>header{background:transparent;border-color:transparent;position:fixed;width:100%;z-index:10}body>header.menu-opened{border-color:var(--main-border-1)}#main{font-size:16px;font-weight:300;padding:0}#main p{line-height:1.5rem}#main .section{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:var(--background-1);background-image:var(--homepage-background-image);background-attachment:fixed;background-size:cover}.section .container{display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden}.section .container.with-footer{flex:1}.section .content-wrapper{padding-right:60px}h2{color:var(--white-1);font-weight:700;font-size:36px;letter-spacing:-1px;line-height:50px;padding-bottom:16px;text-transform:none}#main .button{background-color:var(--homepage-tour-button-background);color:var(--homepage-tour-button-color);display:flex;border-radius:2px;width:240px;height:40px;justify-content:center;align-items:center;text-align:center;font-weight:400}#main .button.primary{background-color:var(--status-translated)}.flex{display:flex}.flex-direction-col{display:flex;flex-direction:column}.flex-col-2{flex-basis:50%}.flex-col-3{flex-basis:33.3333333%}nav#sections{position:fixed;left:17px;top:50%;opacity:1;transform:translate(0,-50%)}nav#sections ul{margin:0;padding:0}nav#sections ul li{display:block;width:14px;height:13px;margin:7px;position:relative}nav#sections ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}nav#sections ul li a.active span,nav#sections ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0-6px;border-radius:100%;background-color:var(--status-translated)}nav#sections ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background-color:var(--light-grey-2);left:50%;top:50%;margin:-2px 0 0-2px;transition:all 0.1s ease-in-out}nav#sections ul li:hover a span{width:10px;height:10px;margin:-5px 0px 0px -5px}#edit-homepage{position:fixed;left:0;right:0;margin:0 auto;width:var(--content-width);text-align:right}#edit-homepage .select{top:calc(var(--header-height) + 10px);transition:top 0.3s}body.addon-promotion-active #edit-homepage .select{top:calc(var(--header-height) + 54px)}#edit-homepage .button{background:var(--status-translated);color:var(--homepage-tour-button-color)}#edit-homepage .fas{margin-right:7px}#section-1 .container{flex-direction:column;flex:1;align-items:start}#section-1 h1{font-size:64px;margin-bottom:10px}#section-1 p{font-size:22px;line-height:36px;margin-bottom:60px;width:900px}#section-1 .flex{align-items:center}#section-1 .flex span{padding:0 20px}#section-1 .footer{text-align:center;width:var(--content-width)}#section-1 .scroll{display:block;position:relative;font-size:12px;height:90px;letter-spacing:3px;text-transform:uppercase}#section-1 .scroll::after{content:"";border-right:2px solid var(--status-translated);border-bottom:2px solid var(--status-translated);width:30px;height:30px;position:absolute;margin:auto;right:0;left:0;animation:3s jump infinite ease;transform:rotate(45deg)}@keyframes jump{0%,100%{top:20px}50%{top:40px}}#section-3 .flex{justify-content:center}#section-3 .timeline{margin-top:40px;width:2px;height:290px;background-color:var(--status-translated)}#section-3 ol{counter-reset:item;list-style:none;margin-left:-28px}#section-3 ol .flex{align-items:center}#section-3 li{counter-increment:item;margin:40px 0}#section-3 li:before{background-color:var(--background-1);border:2px solid var(--status-translated);border-radius:100%;color:var(--white-1);content:counter(item);display:inline-block;font-size:20px;font-weight:600;height:39px;margin-right:20px;padding-top:11px;text-align:center;width:50px}#section-3 .checkmark{background-color:var(--status-translated);border-radius:100%;width:54px;height:39px;font-size:24px;margin-left:-74px;margin-right:20px;text-align:center;padding-top:15px}#section-4 .flex{margin:20px 0}#section-4 .box{border:2px solid var(--main-border-1);border-radius:3px;margin-left:20px;padding:10px;padding-top:18px;text-align:center;width:186px}#section-4 .box .box-image{color:var(--status-translated);font-size:35px;margin-bottom:10px}#section-4 .box p{font-size:12px;text-transform:uppercase}#section-5 p{padding-bottom:30px}#section-5 .image-wrapper{text-align:right}#section-5 img{border:2px solid var(--main-border-1);border-radius:3px;width:436px}#section-6 .container{flex-direction:column;flex:1}#section-6 .content-wrapper{flex:1;align-items:center;justify-content:center;padding:0}#section-6 p{padding-bottom:10px}#section-6 .button.primary{margin-bottom:30px}#section-6 .footer{height:60px;width:var(--content-width);align-items:center;font-size:14px}#section-6 .footer .mozilla .logo{background:var(--moz-logo) no-repeat;height:22px;width:80px}#section-6 .footer .github{text-align:center}#section-6 .footer .contact{text-align:right}#section-6 .footer a{color:var(--white-1)}#section-6 .footer a:hover{color:var(--status-translated)}