|
|
|
@ -3,7 +3,7 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.newsDemo { |
|
|
|
|
padding: 50px; |
|
|
|
|
padding: calc(50rem / 16); |
|
|
|
|
background-color: var(--off-white); |
|
|
|
|
display: inline-block; |
|
|
|
|
} |
|
|
|
@ -12,16 +12,16 @@ |
|
|
|
|
font-style: normal; |
|
|
|
|
font-weight: bold; |
|
|
|
|
color: var(--purple-2); |
|
|
|
|
font-size: 24px; |
|
|
|
|
line-height: 36px; |
|
|
|
|
margin-bottom: 14px; |
|
|
|
|
font-size: calc(24rem / 16); |
|
|
|
|
line-height: calc(36rem / 16); |
|
|
|
|
margin-bottom: calc(14rem / 16); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.newsDesc { |
|
|
|
|
font-style: normal; |
|
|
|
|
font-weight: normal; |
|
|
|
|
font-size: 14px; |
|
|
|
|
line-height: 21px; |
|
|
|
|
font-size: calc(14rem / 16); |
|
|
|
|
line-height: calc(21rem / 16); |
|
|
|
|
white-space: pre-line; |
|
|
|
|
color: var(--purple-2); |
|
|
|
|
vertical-align: baseline; |
|
|
|
@ -29,19 +29,19 @@ |
|
|
|
|
|
|
|
|
|
.news > hr { |
|
|
|
|
border: none; |
|
|
|
|
height: 1px; |
|
|
|
|
height: calc(1rem / 16); |
|
|
|
|
background-color: var(--purple-2); |
|
|
|
|
margin: 0 0 13px 0; |
|
|
|
|
margin: 0 0 calc(13rem / 16) 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.eventDescriptionCardDemo { |
|
|
|
|
padding: 50px 0; |
|
|
|
|
padding: calc(50rem / 16) 0; |
|
|
|
|
background-color: var(--off-white); |
|
|
|
|
display: inline-block; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.eventDescriptionCardDemo > * { |
|
|
|
|
margin: 12px 50px; |
|
|
|
|
margin: calc(12rem / 16) calc(50rem / 16); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.eventDescriptionCardDemo > *:first-child { |
|
|
|
@ -53,41 +53,41 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.teamMemberDemo { |
|
|
|
|
padding: 10px 50px 30px 50px; |
|
|
|
|
max-width: 847px; |
|
|
|
|
padding: calc(10rem / 16) calc(50rem / 16) calc(30rem / 16) calc(50rem / 16); |
|
|
|
|
max-width: calc(847rem / 16); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.committee { |
|
|
|
|
margin: 0; |
|
|
|
|
color: var(--purple-2); |
|
|
|
|
font-weight: 600; |
|
|
|
|
font-size: 24px; |
|
|
|
|
line-height: 36px; |
|
|
|
|
font-size: calc(24rem / 16); |
|
|
|
|
line-height: calc(36rem / 16); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.teamMemberDemo > hr { |
|
|
|
|
border: none; |
|
|
|
|
height: 1px; |
|
|
|
|
height: calc(1rem / 16); |
|
|
|
|
background-color: var(--blue-2); |
|
|
|
|
width: 100%; |
|
|
|
|
margin-top: 24px; |
|
|
|
|
margin-bottom: 46px; |
|
|
|
|
margin-top: calc(24rem / 16); |
|
|
|
|
margin-bottom: calc(46rem / 16); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.teamMembers { |
|
|
|
|
display: grid; |
|
|
|
|
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); |
|
|
|
|
row-gap: 2.6875rem; |
|
|
|
|
column-gap: 3.3125rem; |
|
|
|
|
grid-template-columns: repeat(auto-fill, minmax(calc(100rem / 16), 1fr)); |
|
|
|
|
row-gap: calc(43rem / 16); |
|
|
|
|
column-gap: calc(53rem / 16); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 768px) { |
|
|
|
|
@media only screen and (max-width: calc(768rem / 16)) { |
|
|
|
|
.newsDemo, |
|
|
|
|
.eventDescriptionCardDemo { |
|
|
|
|
background-color: #e1eefa; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.eventDescriptionCardDemo > * { |
|
|
|
|
margin: 50px; |
|
|
|
|
margin: calc(50rem / 16); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|