|
|
|
@ -1,4 +1,5 @@
|
|
|
|
|
$primary: #17a;
|
|
|
|
|
$primary: #d22d40;
|
|
|
|
|
$logo-diameter: 20mm; // No less than 15mm as per usage regulations
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
margin: 0 auto;
|
|
|
|
@ -13,16 +14,31 @@ body {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#header {
|
|
|
|
|
padding: 1em;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: ($logo-diameter/2)/2; // No less than 0.5r with r being the radius of PedF logo
|
|
|
|
|
font-size: 1.5em;
|
|
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
color: $primary;
|
|
|
|
|
img {
|
|
|
|
|
height: $logo-diameter;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.subtitle {
|
|
|
|
|
font-size: .7em;
|
|
|
|
|
color: #444;
|
|
|
|
|
div {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: baseline;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
margin: 0 ($logo-diameter/2)/2; // No less than 0.5r
|
|
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
color: $primary;
|
|
|
|
|
margin-right: ($logo-diameter/2)/2;
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.subtitle {
|
|
|
|
|
font-size: .6em;
|
|
|
|
|
color: #444;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|