body, html{ width:100%; padding:0; margin:0; box-sizing:border-box; } body{ background-color:var(--colour-bg1); } body section:last-child{ padding-bottom:4em; } label, h1, h2, h3, h4, h5, h6{ font-family: Cinzel Regular, serif; font-weight:100; color: var(--colour-primary); text-transform: uppercase; } body, p{ font-family: Noto sans, sans-serif; text-align:justify; line-height:1.6; } p > a{ color:var(--colour-blue); text-decoration-line: underline; } li::marker{ list-style: disc; color: var(--colour-primary); } .display--none{ display:none; } .btn{ font-family:Cinzel Regular, Garamond, serif; text-transform: uppercase; text-wrap:nowrap; display:flex; flex-direction:row; justify-content:center; align-items:center; position:relative; cursor:pointer; overflow:hidden; border-radius:4px; } .btn--outline{ color: var(--colour-primary); border:solid 1px var(--colour-primary); background-color:transparent; transition:0.6s; } .btn--outline svg, .btn--outline rect, .btn--outline path{ transition:all 0.6s; stroke:var(--colour-primary) !important; } @media (hover: hover){ .btn--outline:hover{ color:#fff !important; background-color:var(--colour-primary-50op); z-index:1; } .btn--outline:hover svg, .btn--outline:hover rect, .btn--outline:hover path{ stroke:#fff !important; } }