File tree Expand file tree Collapse file tree 1 file changed +23
-21
lines changed
Expand file tree Collapse file tree 1 file changed +23
-21
lines changed Original file line number Diff line number Diff line change 11html {
22 box-sizing : border-box;
3- background : # eeeeee ;
4- font-family : 'helvetica neue' ;
3+ background : # eeeeee ;
4+ font-family : 'helvetica neue' ;
55 font-size : 20px ;
66 font-weight : 200 ;
77}
8+
89body {
910 margin : 0 ;
1011}
12+
1113* , * : before , * : after {
1214 box-sizing : inherit;
1315}
1416
1517.site-wrap {
1618 max-width : 700px ;
1719 margin : 70px auto;
18- background : white;
19- padding : 40px ;
20+ background : white;
21+ padding : 40px ;
2022 text-align : justify;
2123 box-shadow : 0 0 10px 5px rgba (0 , 0 , 0 , 0.05 );
2224 transform : scale (0.98 );
@@ -25,25 +27,25 @@ body {
2527
2628header {
2729 text-align : center;
28- height : 50vh ;
29- background : url (http://wes.io/iEgP/wow-so-deep.jpg) bottom center no-repeat;
30- background-size : cover;
31- display : flex;
32- align-items : center;
30+ height : 50vh ;
31+ background : url (http://wes.io/iEgP/wow-so-deep.jpg) bottom center no-repeat;
32+ background-size : cover;
33+ display : flex;
34+ align-items : center;
3335 justify-content : center;
3436}
3537
3638h1 {
37- color : white;
39+ color : white;
3840 font-size : 7vw ;
39- text-shadow : 3px 4px 0 rgba (0 , 0 , 0 , 0.2 )
41+ text-shadow : 3px 4px 0 rgba (0 , 0 , 0 , 0.2 );
4042}
4143
4244nav {
43- background : black;
44- top : 0 ;
45+ background : black;
46+ top : 0 ;
4547 width : 100% ;
46- transition : all 0.5s ;
48+ transition : all 0.5s ;
4749 position : relative;
4850 z-index : 1 ;
4951}
@@ -52,19 +54,19 @@ nav ul {
5254 margin : 0 ;
5355 padding : 0 ;
5456 list-style : none;
55- display : flex;
57+ display : flex;
5658}
5759
5860nav li {
59- flex : 1 ;
61+ flex : 1 ;
6062 text-align : center;
6163 display : flex;
6264 justify-content : center;
6365 align-items : center;
6466}
6567
6668li .logo {
67- max-width : 0 ;
69+ max-width : 0 ;
6870 overflow : hidden;
6971 background : white;
7072 transition : all .5s ;
@@ -73,14 +75,14 @@ li.logo {
7375}
7476
7577li .logo a {
76- color : black;
78+ color : black;
7779}
7880
7981nav a {
8082 text-decoration : none;
81- padding : 20px ;
83+ padding : 20px ;
8284 display : inline-block;
83- color : white;
84- transition : all 0.2s ;
85+ color : white;
86+ transition : all 0.2s ;
8587 text-transform : uppercase;
8688}
You can’t perform that action at this time.
0 commit comments