diff --git a/src/app/globals.css b/src/app/globals.css index 0b15cd8..2b8758f 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -9,74 +9,75 @@ body { padding-bottom: 0.2rem; } -.person-name { +.main-container .person-name { margin-top: calc(min(6vw, 5rem)); font-weight: bold; font-size: calc(1.375rem + min(1.4vw, 1rem)); } -.brief { +.main-container .brief { font-size: 120%; } -.contacts { +.main-container .contacts { margin-top: 2rem; } -.footer { +.main-container .footer { margin-top: 2rem; filter: opacity(75%) } -.tiny { +.main-container .tiny { font-size: 75%; filter: opacity(75%) } -.container > h2, .container-fluid > h2, h3, h4 { +.main-container .container > h2, .main-container .container-fluid > h2, +.main-container h3, .main-container h4 { margin-top: 1em; } -.text-bg-gentle { +.main-container .text-bg-gentle { color: #555; background-color: RGBA(108,117,125,0.1); } -.job-card { +.main-container .job-card { margin-top: 1em; } -.job-card .timerange { +.main-container .job-card .timerange { font-style: italic; } -.job-card .card-text { +.main-container .job-card .card-text { margin-left: 0.4rem; } -.job-card .card-subtitle { +.main-container .job-card .card-subtitle { margin-bottom: 0.5rem; } -.job-tags > span { +.main-container .job-tags > span { margin: 0.2em; } -.cloud-primary .tag-badges { +.main-container .cloud-primary .tag-badges { font-size: 180%; } -.cloud-standard .tag-badges { +.main-container .cloud-standard .tag-badges { font-size: 140%; } -.cloud-light .tag-badges { +.main-container .cloud-light .tag-badges { font-size: 130%; filter: opacity(60%); } -.tag-badges > span { +.main-container .tag-badges > span { margin: 0.4em; color: #222; } .contacts .contact { margin: 0.75em; } -.accordion-button.collapsed { +.main-container .accordion-button.collapsed { background-color: #eff2ff; } -.accordion { +.main-container .accordion { margin: 1rem; } .main-container .accordion-button:not(.collapsed) { @@ -87,6 +88,6 @@ body { color: #0e489d; background-color: RGBA(153, 165, 213, 0.3); } -.multiline { +.main-container .multiline { white-space: pre-line; }