/
main.css
109 lines (70 loc) · 970 Bytes
/
main.css
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
/*Background for the bio section */
.container{
min-height: 100%;
background:rgba(0,0,0,0.6);
width: 30%;
}
/*Bio section itself*/
.bio{
padding: 8%;
margin: 0%;
text-align: left;
}
h1{
margin-top:0%;
padding:0%;
}
body, a{
color: white;
font-family: 'Varela', sans-serif;
font-weight: 300;
font-size: 20px;
text-decoration: none;
}
h1{
font-family: 'Varela Round', sans-serif;
font-weight: 800;
font-size: 60px;
}
/*Social media icons */
.fa-inside{
color: black;
}
.fa{
font-size: 2em;
}
.icons{
margin-bottom: 2%;
}
/*Design for iPad like devices */
@media all and (max-width: 1000px) {
.bio{
padding:5%;
text-align: left;
}
.container{
width: 50%;
}
}
/*Designed for iPhone like devices*/
@media all and (max-width: 500px) {
.container{
width: 100%;
}
h1{
margin:1%;
}
p{
margin-right: 2%;
}
}
/*Document wide specs*/
html{
height:100%;
margin:0%;
}
body{
height: 100%;
margin: 0;
}
}