static/resume-styles.css

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