@import "fonts"; $col-white: #fff; $col-bg: #0b1b2e; $col-accent: #845368; /* Global */ *, *:before, *:after { box-sizing: border-box; } body { margin: 0; padding: 0; background-color: $col-bg; color: $col-white; line-height: 1.5; font-family: "moderat", sans-serif; } img { display: block; max-width: 100%; } .text-bold { font-weight: bold; } section { padding-top: 3rem; } /* Specific */ footer { $logo-radius: 4.5em; position: relative; text-align: center; padding: $logo-radius+1 2em 2em 2em; margin-top: $logo-radius+4; border-top: 1px solid #5d6e81; &:before { content: ""; position: absolute; top: -$logo-radius; left: 50%; transform: translatex(-$logo-radius); height: $logo-radius*2; width: $logo-radius*2; border: 1px solid #5d6e81; border-radius: 50%; background-image: url("/static/pedf-logo-white.svg"); background-position: center; background-size: 75%; background-repeat: no-repeat; background-color: $col-bg; } } section.partners { display: flex; justify-content: center; flex-wrap: wrap; img { width: clamp(20rem, 80vw, 0); padding: 1.5em; } }