lyft/css/main.css at 6d977a04977b3a17081b7a8c09a55485af9af642 · Laboratoria-learning/lyft · 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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
/*Estilos de tu proyecto
 */
* {
  box-sizing: border-box;
  font-family: 'Montserrat', sans-serif;
  margin: 0px;
  width: 100%;
  text-decoration: none;
  list-style: none;
 }
 .fontcolor {
   color: #352384;
 }
#menu {
  /*outline: 1px solid orange ;*/
  /*position: relative;*/
  /*float: right;*/

}

.container {
  background-image: url("../assets/images/hero.gif");
  background-size: cover;
  height: 610px;
  /*margin-top: -100px;*/
  background-position: bottom;

}

.navigator {
  /*margin-top: 70px;*/
  outline: 1px solid red ;
  position: fixed;
  width: 100%;
  height: 115px;
  font-size: 18px;
  background-color: transparent;
}
.lyft-white {
  /*outline: 1px solid green;*/
  width: 68px;
  height: 46px;
  margin-left: 7%;
  margin-top: 3%;
  position: absolute;
}
.navigator ul {
  padding-right: 130px;
  padding-top: 45px;
}
.navigator ul li{
  /*outline: 1px solid red ;*/
  float: right;
  display: inline;
  width:100px;
  text-align: center;
  margin: 7px;
  padding: 10px;
 }
 .li-border {
   border-radius: 13%;
  border-bottom-style: groove;
  border: 2px solid white;
 }
 .navigator ul li a {
   color: white;
 }

.container2 {
  /*outline: 1px solid black ;*/
  width: 525px;
  height: 420px;
  background-color: white;
  float: right;
  margin-top: 185px;
  text-align:left;
}
.form1 {
  width: 482px;
  height: 283px;
}
.pinkbutton {
  width: 186px;
  height: 53px;

}
.uppercase {
  text-transform: uppercase;
}

.firstsection {
  color: white;
  width: 100%;
  background:linear-gradient(#76278F, #2B1E66);
  column-count: 2;
  height: 640px;
  text-align: left;

}
.information {
  margin-top: 12%;
  margin-left: 21%;
  width: 569px;
  height: 437px;
}
.tittle1 {
  margin-bottom: 3%;
  font-size: 25px;
}
.information p {
  margin-bottom: 7%;
}

.aplicationpic img {
  width: 477px;
  height: 484px;
  margin-top: 9%;
  margin-left: -5%;
}
.section2 {
  width: 100%;
  height: 527px;
  text-align: left;
  display: inline;

}
.about1 {
  outline: 1px solid red;
  width: 367px;
  display: block;
  margin: 9%;
}
.firstvideo iframe{
  float: none;
  width: 935px;
  height: 524px;
}