ConcreteBridge.github.io/index.css at main · ConcreteBridge/ConcreteBridge.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
/* BROWN: 955B34
 * BLACK: 240E0B
 * PINK: F3CEC4
 * PURPLE: 7678AC
 * GREEN: 8AA08D
*/

h1 {
    font-family: Trocchi;
    font-size: xxx-large;
    color: white;
    padding: 2vh;
    background-color: #7678AC;
}

h2 {
    font-family: Trocchi;
    font-size: x-large;
    color: #240E24;
    padding-top: 2vh;
    padding-bottom: 1vh;
}

p {
    line-height: 1.5em;
    /* margin: 3% */
    margin-left: 1.5em;
}

.two-col {
    /* display - block, inline*/ /* Default */
    display: flex;
    flex-direction: row;
    height: 90vh;
}

.personal {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.text {
    padding: 1vh;
    /* outline: black;
    outline-style: dotted; */
}

body {
	background-image: url('https://images.unsplash.com/photo-1618517157218-244015fa0c4d?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1268&q=80');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

header {
    display: flex;
    align-items: center;
    height: 10vh;
    margin-left: 5%;
}

aside {
    /* background: lightcoral; */
    /* margin: 10%; */
    padding: 2%;
    font-family: Work Sans;
    /* outline: #8AA08D;
    outline-style: dashed; */
}

main {
    /* background: lightcyan; */
    padding: 2%;
    font-family: Work Sans;
}

ul {
    list-style-type: none;
    /* margin: 10%; */
    margin-left: 1.5em;
}

img {
    border-radius: 50%;
    width: 30%;
    height: 30%;
    padding: 2%;
}