mlavva.github.io/style.css at master · mlavva/mlavva.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
<style>
   body {
   margin: 0;
   }

   p {
   font-family: "Helvetica";
   }

   h2 {
   padding-left:40px;
   font-size: 20px;
   font-family: "Helvetica"; color: #FFFFFF;
   }

   h3 {
   font-family: "Helvetica"; color: #003366;
   }

   a {
   color: #000000;
   text-decoration: none;
   }

   ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
   background-color: #003366;
   position: fixed;
   top: 0;
   width: 100%;
   }

   li {
   float: left;
   }

   li a {
   display: block;
   color: #000000;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
   }

   .card {
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
   transition: 0.3s;
   width: 90%;
   }

   .card:hover {
   box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
   }

   .container {
   padding: 10px 20px;
   }

   .fa {
   padding: 10px;
   font-size: 25px;
   width: 25px;
   text-align: center;
   text-decoration: none;
   margin: 0px 2px;
   border-radius: 50%;
   }

   .fa:hover {
   opacity: 0.7;
   }

   .fa-linkedin {
   background: #007bb5;
   color: white;
   }

   .fa-github {
   background: #211F1F;
   color: white;
   }

   .fa-envelope {
   background: #6C7B8B;
   color: white;
   }

   .fa-file-text-o {
   background: #6C7B8B;
   color: white;
   }

   .fa-twitter {
   background: #1DA1F2;
   color:  white;
   }

   .fa-facebook {
   background: #4267B2;
   color:  white;
   }

   .fa-instagram {
   background: #405DE6;
   color:  white;
   }
</style>