static/resume-styles.css

   1 /*
   2  * resume-styles.css
   3  *
   4  * Copyright (c) 2025 Arthur Taft. All Rights Reserved.
   5  *
   6  */
   7
   8 #summary, #education, #projects, #experience {
   9     width: 100%;
  10     flex: 0 0 100%;
  11 }
  12
  13 #resume-links .resume-list {
  14     display: flex;
  15     flex-flow: row wrap;
  16     justify-content: space-between;
  17     list-style-type: none;
  18 }
  19
  20 #resume-links .resume-list-item {
  21     color: var(--subtext-1);
  22 }
  23
  24 #resume-links .resume-list-item:first-child {
  25     padding-right: 1rem;
  26 }
  27
  28 #resume-links .resume-link {
  29     padding: 0.5rem 1rem;
  30 }
  31
  32 #resume-links .resume-link:hover {
  33     background-color: var(--surface-1);
  34 }
  35
  36 #summary .main-subheading {
  37     margin-left: 25%;
  38 }
  39
  40 #summary .summary-list {
  41     margin-left: 30%;
  42     margin-right: 25%;
  43 }
  44
  45 #summary .summary-list-item {
  46     color: var(--subtext-1);
  47 }
  48
  49 #education .main-subheading {
  50     margin-left: 25%;
  51 }
  52
  53 #education .school {
  54     margin-left: 27.5%;
  55     color: var(--sky);
  56 }
  57
  58 #degree-info {
  59     display: flex;
  60     flex-direction: row;
  61     margin-left: 27.5%;
  62     margin-right: 25%;
  63     justify-content: space-between;
  64 }
  65
  66 #degree-info .degree {
  67     color: var(--sky);
  68 }
  69
  70 #degree-info .grad-date {
  71     color: var(--sky);
  72 }
  73
  74 #education .education-list {
  75     margin-left: 30%;
  76     margin-right: 25%;
  77 }
  78
  79 #education .education-list-item {
  80     color: var(--subtext-1);
  81 }
  82
  83 #projects .main-subheading {
  84     margin-left: 25%;
  85 }
  86
  87 #projects .project-title {
  88     margin-left: 27.5%;
  89     color: var(--sky);
  90 }
  91
  92 #projects .project-list {
  93     margin-left: 30%;
  94     margin-right: 25%;
  95 }
  96
  97 #projects .project-list-item {
  98     color: var(--subtext-1);
  99 }
 100
 101 #experience .main-subheading {
 102     margin-left: 25%;
 103 }
 104
 105 #experience .experience-title {
 106     margin-left: 27.5%;
 107     color: var(--sky);
 108 }
 109
 110 #experience .experience-list {
 111     margin-left: 30%;
 112     margin-right: 25%;
 113 }
 114
 115 #experience .experience-list-item {
 116     color: var(--subtext-1);
 117 }
 118
 119 #experience-info {
 120     display: flex;
 121     flex-direction: row;
 122     justify-content: space-between;
 123     margin-left: 27.5%;
 124     margin-right: 25%;
 125 }
 126
 127 #experience-info .workplace {
 128     color: var(--sky);
 129 }
 130
 131 #experience-info .workplace-date {
 132     color: var(--sky);
 133 }
 134
 135 a {
 136     font-size: 1rem;
 137 }