diff options
Diffstat (limited to 'assets/css/main.css')
| -rw-r--r-- | assets/css/main.css | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index 8b401cf..e36eb3f 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -196,4 +196,47 @@ pre { .table tr:nth-last-child(1) td { border: none !important; +} + +#circles { + display: grid; + grid-template-columns: repeat(8, 1fr); + grid-column-gap: 20px; + width: max-content; + margin-left: auto; + margin-right: auto; +} + +.circle-icon { + background-color: rgba(0, 0, 0, .25); + width: 100px; + height: 100px; + border-radius: 999px; + display: block; + margin: 10px auto; +} + +.circle-text { + text-align: center; +} + +.circle-icon-img { + filter: invert(1); + width: 64px; + height: 64px; + margin: 18px; +} + +@media (max-width: 1200px) { + #circles { + display: grid; + grid-template-columns: repeat(4, 1fr); + } +} + +@media (max-width: 600px) { + #circles { + display: grid; + grid-template-columns: repeat(2, 1fr); + } }
\ No newline at end of file |