@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);
body{font-family:Roboto}:root{--color-1:red;--color-2:#545454;--color-3:#212753;--color-4:#f7f7f7;--color-5:#707070;--color-6:#0c1239;--color-7:#e8e5e5;--color-8:#b7b7b7;--color-9:#000;--color-10:#fff;--color-11:#1a73e8;--color-12:#f33;--color-13:#00a826;--color-14:#faad14;--fs-1:2.5rem;--fs-2:2rem;--fs-3:1.75rem;--fs-4:1.5rem;--fs-5:1.25rem;--fs-6:1rem;--fs-7:0.875rem;--fs-8:0.75rem;--fs-9:0.625rem;--rounded-1:1px;--rounded-2:2px;--rounded-3:3px;--rounded-4:4px;--rounded-5:5px;--rounded-6:6px;--rounded-7:7px;--rounded-8:8px;--rounded-9:9px;--rounded-10:10px;--fw-1:300;--fw-2:400;--fw-3:500;--fw-4:600;--fw-5:700;--fw-6:800;font-family:OpenSans}.fs-1{font-size:var(--fs-1)}.fs-2{font-size:var(--fs-2)}.fs-3{font-size:var(--fs-3)}.fs-4{font-size:var(--fs-4)}.fs-5{font-size:var(--fs-5)}.fs-6{font-size:var(--fs-6)}.fs-7{font-size:var(--fs-7)}.fs-8{font-size:var(--fs-8)}.fs-9{font-size:var(--fs-9)}.fw-1{font-weight:var(--fw-1)}.fw-2{font-weight:var(--fw-2)}.fw-3{font-weight:var(--fw-3)}.fw-4{font-weight:var(--fw-4)}.fw-5{font-weight:var(--fw-5)}.fw-6{font-weight:var(--fw-6)}.color-1{color:var(--color-1)}.color-2{color:var(--color-2)}.color-3{color:var(--color-3)}.color-4{color:var(--color-4)}.color-5{color:var(--color-5)}.color-6{color:var(--color-6)}.color-7{color:var(--color-7)}.color-8{color:var(--color-8)}.color-9{color:var(--color-9)}.color-10{color:var(--color-10)}.color-11{color:var(--color-11)}.color-12{color:var(--color-12)}.color-13{color:var(--color-13)}.color-14{color:var(--color-14)}.bg-color-1{background-color:var(--color-1)}.bg-color-2{background-color:var(--color-2)}.bg-color-3{background-color:var(--color-3)}.bg-color-4{background-color:var(--color-4)}.bg-color-5{background-color:var(--color-5)}.bg-color-6{background-color:var(--color-6)}.bg-color-7{background-color:var(--color-7)}.bg-color-8{background-color:var(--color-8)}.bg-color-9{background-color:var(--color-9)}.bg-color-10{background-color:var(--color-10)}.bg-color-11{background-color:var(--color-11)}.bg-color-12{background-color:var(--color-12)}.bg-color-13{background-color:var(--color-13)}.bg-color-14{background-color:var(--color-14)}.border-color-1{border-color:var(--color-1)!important}.border-color-2{border-color:var(--color-2)!important}.border-color-3{border-color:var(--color-3)!important}.border-color-4{border-color:var(--color-4)!important}.border-color-5{border-color:var(--color-5)!important}.border-color-6{border-color:var(--color-6)!important}.border-color-7{border-color:var(--color-7)!important}.border-color-8{border-color:var(--color-8)!important}.border-color-9{border-color:var(--color-9)!important}.border-color-10{border-color:var(--color-10)!important}.border-color-11{border-color:var(--color-11)!important}.border-color-12{border-color:var(--color-12)!important}.border-color-13{border-color:var(--color-13)!important}.border-color-14{border-color:var(--color-14)!important}.rounded-1{border-radius:var(--rounded-1)!important}.rounded-2{border-radius:var(--rounded-2)!important}.rounded-3{border-radius:var(--rounded-3)!important}.rounded-4{border-radius:var(--rounded-4)!important}.rounded-5{border-radius:var(--rounded-5)!important}.rounded-6{border-radius:var(--rounded-6)!important}.rounded-7{border-radius:var(--rounded-7)!important}.rounded-8{border-radius:var(--rounded-8)!important}.rounded-9{border-radius:var(--rounded-9)!important}.rounded-10{border-radius:var(--rounded-10)!important}h1.title,h2.title{color:var(--color-1);font-size:var(--fs-1)}h2.line{position:relative}h2.line:after{background:var(--color-1);bottom:0;content:"";height:3px;left:0;position:absolute;width:100px}h2.line-center{position:relative}h2.line-center:after{background:var(--color-1);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}h3.title,h4.title,h5.title{color:var(--color-1);font-size:var(--fs-1)}h6{position:relative}h6.title{color:var(--color-1);font-size:var(--fs-1)}h6.content:after{left:0}h6.content-center:after,h6.content:after{background:var(--color-1);bottom:0;content:"";height:2px;position:absolute;width:70px}h6.content-center:after{left:50%;transform:translateX(-50%)}.btn--color-1,.btn--color-1.active,.btn--color-1:hover{background-color:var(--color-1);border-color:var(--color-1);color:var(--color-2)}
