| | |
| | | display: flex; |
| | | margin-top: 1.6rem; |
| | | margin-bottom: 3.2rem; |
| | | @media only screen and (max-width: 768px) { |
| | | margin-top: 1rem; |
| | | margin-bottom: 1.6rem; |
| | | } |
| | | |
| | | header { |
| | | margin-top: 6.4rem; |
| | |
| | | p { |
| | | text-align: justify; |
| | | text-justify: auto; |
| | | -ms-hyphens: auto; |
| | | -webkit-hyphens: auto; |
| | | hyphens: auto; |
| | | } |
| | | } |
| | |
| | | padding: 0.3rem 0.6rem; |
| | | background-color: $alt-bg-color; |
| | | border-radius: 0.6rem; |
| | | line-height: 1.4em; |
| | | line-height: 1.5em; |
| | | |
| | | a { |
| | | color: $fg-color; |
| | |
| | | border-radius: 50%; |
| | | |
| | | @media only screen and (max-width: 768px) { |
| | | width: 10rem; |
| | | width: 17rem; |
| | | } |
| | | } |
| | | |
| | |
| | | list-style: none; |
| | | margin: 3rem 0 1rem 0; |
| | | padding: 0; |
| | | cursor: pointer; |
| | | |
| | | li { |
| | | display: inline-block; |
| | |
| | | } |
| | | |
| | | @media only screen and (max-width: 768px) { |
| | | font-size: 1.4rem; |
| | | font-size: 1.5rem; |
| | | } |
| | | } |
| | | } |