johnvecchio.github.io/main.css at master · johnvecchio/johnvecchio.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
body {
	font-family: 'Source Code Pro', monospace;
	background-color: #343D46;
	font-size: 12px !important;
	color: #EC5f67;
}
strong {
	color: #6699CC;
}

h2 {
	color: #EC5f67;
}
/*=========*/
.jumbotron {
	/*Q7PclNhVRI0*/
	/*background-image: url("http://source.unsplash.com/jR4Zf-riEjI");*/
	/*background-size: cover;*/
	background-color: #343D46;
	height:          30rem;
	align-items:     center;
	display:         flex;
}
.jumbotron .jumbotron__first-name {
  color:           #D8DEE9;
  font-size:       6.2vw;
  /*font-weight:     bold;*/
  text-shadow:     0px 4px 4px #000000;
}
.jumbotron .jumbotron__statement {
  color:           #D8DEE9;
  font-size:       2.75vw;
  /*font-weight:     bold;*/
  text-shadow:     0px 3px 3px #000000;
}
/*=========*/
.mepic {
	border-radius: 50%;
	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);
}

.profile__header {
	color: #6699CC;
}

.top {
	padding-left: 10rem;
}
.cds {
	/*color: #3affff;*/
	font-weight: bold;
}

.margin-bot {
	margin-bottom:  2rem;
}

#mediaicons .media__icon {
	color: #5fdd8b;
}


#interests li {
  display: inline;
}

/*=========*/
.projects {
	margin-bottom: 5rem;
	font-weight: bold;
}
.projects .project__link {
	color: #C594C5;
	font-size: 20px;
	font-weight: 300;
}

i.huge.icon, i.huge.icons {
	margin-bottom: 18px;
}

.hideSection {
	display: none;
}

.folder {
	color: #F99157;
}

.tools {
	-webkit-filter: invert(70%);
	margin-bottom: 1rem;
}

.logo {
	margin-bottom: 2rem;
	-webkit-filter: invert(80%);
	filter: invert(80%);
}

.logo__ccac {
	-webkit-filter: grayscale(100%) invert(100%);
	filter: grayscale(100%) invert(100%);
	margin-bottom: 2rem;
}


.accordion-toggle {cursor: pointer;}
.accordion-content {display: none;}
.accordion-content.default {display: block;}