Mercurial
view mrjunejune/pages/resume.css @ 40:9b8521f75409
[ReactGames] Few games I made using react just to practice few things.
| author | MrJuneJune <me@mrjunejune.com> |
|---|---|
| date | Mon, 01 Dec 2025 20:22:47 -0800 |
| parents | 114cad94008f |
| children | 35b1abc37969 |
line wrap: on
line source
:root { --text: var(--black); --graytext: var(--gray); --lighttext: var(--lightgray); } .sub-header { display: flex; margin-top: 20px; align-items: center; gap: 5px; } .line { flex-grow: 1; border-bottom: 1px solid #333; /* Adjust color and thickness as needed */ } .header-firstname-style { font-size: 32pt; font-family: "Roboto Light", sans-serif; color: var(--graytext); } .header-lastname-style { font-size: 32pt; font-family: "Roboto", sans-serif; font-weight: bold; color: var(--text); } .header-position-style { font-size: 7.6pt; font-family: "Source Sans Pro", sans-serif; font-variant: small-caps; color: var(--awesome); } .header-address-style { font-size: 8pt; font-family: "Roboto", sans-serif; font-style: italic; color: var(--lighttext); } .header-social-style { font-size: 10pt; font-family: "Roboto", sans-serif; color: var(--text); } .header-quote-style { font-size: 9pt; font-family: "Source Sans Pro", sans-serif; font-style: italic; color: var(--darktext); } .footer-style { font-size: 8pt; font-family: "Source Sans Pro", sans-serif; font-variant: small-caps; color: var(--lighttext); } .section-style { font-size: 16pt; font-family: "Source Sans Pro", sans-serif; font-weight: bold; color: var(--text); } .subsection-style { font-size: 12pt; font-family: "Source Sans Pro", sans-serif; font-variant: small-caps; color: var(--text); } .paragraph-style { font-size: 9pt; font-family: "Source Sans Pro Light", sans-serif; color: var(--text); } .entry-title-style { font-size: 10pt; font-family: "Source Sans Pro", sans-serif; font-weight: bold; color: var(--darktext); } .entry-position-style { font-size: 8pt; font-family: "Source Sans Pro", sans-serif; font-variant: small-caps; color: var(--graytext); } .entry-date-style { font-size: 8pt; font-family: "Source Sans Pro Light", sans-serif; font-style: italic; color: var(--graytext); } .entry-location-style { font-size: 9pt; font-family: "Source Sans Pro Light", sans-serif; font-style: italic; color: var(--awesome); } .description-style { font-size: 9pt; font-family: "Source Sans Pro Light", sans-serif; color: var(--text); } .subentry-title-style { font-size: 8pt; font-family: "Source Sans Pro", sans-serif; color: var(--graytext); } .subentry-position-style { font-size: 7pt; font-family: "Source Sans Pro", sans-serif; font-variant: small-caps; color: var(--graytext); } .honor-title-style, .honor-position-style, .honor-date-style, .honor-location-style, .skill-type-style, .skill-set-style { font-size: 9pt; font-family: "Source Sans Pro", sans-serif; color: var(--graytext); } .letter-section-style, .recipient-title-style, .letter-title-style, .letter-date-style, .letter-text-style, .letter-name-style, .letter-enclosure-style { font-family: "Source Sans Pro", sans-serif; } .info { text-align: center; } .flex-box { display: flex; justify-content: space-between; }