|
7 | 7 | } |
8 | 8 |
|
9 | 9 | #homePageIntroBox { |
10 | | - background-color: #000000; |
| 10 | + background-color: #151515; |
11 | 11 | width: 50%; |
12 | 12 | height: 100vh; |
13 | 13 | margin: 0px; |
|
47 | 47 |
|
48 | 48 | #homePageSeperatorBox { |
49 | 49 | background-color: #505050; |
50 | | - width: 10%; |
| 50 | + width: 140px; |
51 | 51 | height: 100vh; |
52 | 52 | border-radius: 0px 0px 70px 0px; |
53 | 53 | } |
|
78 | 78 | font-size: 28px; |
79 | 79 | margin: 20px 0px 20px 0px; |
80 | 80 | font-family: 'JetBrainsMono-Regular'; |
81 | | - color: #000000; |
| 81 | + color: #151515; |
82 | 82 | text-align: center; |
83 | | - border: 3px solid #000000; |
| 83 | + border: 3px solid #151515; |
84 | 84 | border-radius: 100px; |
85 | 85 | -webkit-transition: all 0.2s ease; |
86 | 86 | -moz-transition: all 0.2s ease; |
|
91 | 91 | } |
92 | 92 |
|
93 | 93 | .homePageButtons:hover { |
94 | | - background-color: #000000; |
| 94 | + background-color: #151515; |
95 | 95 | color: #E6E6E6; |
96 | | - |
97 | 96 | } |
98 | 97 |
|
99 | 98 | #projects_color_bar { |
|
108 | 107 | width: 300px; |
109 | 108 | height: 400px; |
110 | 109 | background-color: #505050; |
111 | | - margin: 50px 50px; |
| 110 | + margin: 30px 50px; |
112 | 111 | border-radius: 70px; |
113 | 112 | overflow: hidden; |
114 | 113 | border: 4px solid #505050; |
115 | 114 | text-align: center; |
| 115 | + box-shadow: 0px 15px 20px 3px rgba(0,0,0,1); |
| 116 | + -webkit-box-shadow: 0px 15px 20px 3px rgba(0,0,0,1); |
| 117 | + -moz-box-shadow: 0px 15px 20px 3px rgba(0,0,0,1); |
116 | 118 | -webkit-transition: all 0.2s ease; |
117 | 119 | -moz-transition: all 0.2s ease; |
118 | 120 | -o-transition: all 0.2s ease; |
|
121 | 123 | } |
122 | 124 |
|
123 | 125 | .toolsListing:hover { |
124 | | - box-shadow: 2px 36px 79px -4px rgba(0,0,0,0.75); |
125 | | - -webkit-box-shadow: 2px 36px 79px -4px rgba(0,0,0,0.75); |
126 | | - -moz-box-shadow: 2px 36px 79px -4px rgba(0,0,0,0.75); |
| 126 | + box-shadow: 0px 15px 35px 4px rgba(0,0,0,1); |
| 127 | + -webkit-box-shadow: 0px 15px 35px 4px rgba(0,0,0,1); |
| 128 | + -moz-box-shadow: 0px 15px 35px 4px rgba(0,0,0,1); |
127 | 129 | transform: translate(0px,-15px); |
128 | 130 | background-color: #606060; |
129 | 131 | border: 4px solid #606060; |
|
0 commit comments