@@ -0,0 +1,115 @@
1+/*Scrolling*/
2+html { scroll-behavior: smooth; }
3+
4+/*Header text*/
5+.jumbotron {
6+ background-image: linear-gradient(90deg, #849EB5, #30394A);
7+ padding-bottom: 20px;
8+ padding-top: 20px;
9+ text-shadow: 0px 2px 4px #000000;
10+}
11+
12+.container {
13+ margin-top: -25px;
14+}
15+
16+/*Background related*/
17+body {
18+ background: #161616;
19+}
20+
21+/*Text related CSS*/
22+h4 {
23+ font-size: 70px;
24+ color: #FFFFFF;
25+ font-family: News Cycle, serif;
26+}
27+
28+h3 {
29+ color: #e5e5e5;
30+}
31+
32+p {
33+ font-size: 17px;
34+ font-family: News Cycle, serif;
35+ color: #DEDEDE;
36+}
37+
38+p2 {
39+ font-size: 24px;
40+ color: #DEDEDE;
41+ font-family: News Cycle, serif;
42+}
43+
44+date {
45+ font-family: News Cycle, serif;
46+ font-style: italic;
47+ font-size: 17px;
48+ color: #DEDEDE;
49+}
50+
51+jobtitle {
52+ font-size: 17px;
53+ font-weight: bold;
54+ font-family: News Cycle, serif;
55+ color: #DEDEDE;
56+}
57+
58+jobtilenolink {
59+ font-size: 17px;
60+ font-weight: bold;
61+ font-family: News Cycle, serif;
62+ color: #DEDEDE;
63+}
64+
65+li {
66+ font-family: News Cycle, serif;
67+ color: #DEDEDE;
68+}
69+
70+
71+
72+a {
73+ color: #4A8ECC;
74+}
75+
76+p a:visited {
77+ color: #4A8ECC;
78+}
79+
80+.href {
81+ color: #4A8ECC;
82+}
83+
84+a:visited {
85+ color: #4A8ECC;
86+}
87+
88+p a:hover {
89+ color: #4FB1F4;
90+}
91+
92+a:hover {
93+ color: #4FB1F4;
94+}
95+
96+jobtitle:hover {
97+ color: #4FB1F4;
98+}
99+
100+/*Section*/
101+section {
102+ background-color: #1B1B1B;
103+ padding: 20px;
104+ margin: -5px;
105+ margin-bottom: 30px;
106+ box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
107+}
108+
109+
110+/*Icon related*/
111+.icon {
112+ position: relative;
113+ top: 3px;
114+ right: 5px;
115+}