1+ html {
2+ font-family : Tahoma;
3+ }
4+
5+ body {
6+ font-family : sans-serif;
7+ font-weight : normal;
8+ font-size : 100% ;
9+ color : # a6d6ef ;
10+
11+ margin : 0 ;
12+ background-color : # 0f4c75 ;
13+ }
14+ p {
15+ padding : 20px ;
16+ width : 30% ;
17+ background-color : rgb (19 , 188 , 231 );
18+ text-align : center;
19+ font-size : 150% ;
20+ font-weight : bold;
21+ color : aliceblue;
22+ border-radius : 35px 0px 35px 0px ;
23+ -moz-border-radius : 35px 0px 35px 0px ;
24+ -webkit-border-radius : 35px 0px 35px 0px ;
25+ border : 2px solid # 5878ca ;
26+ }
27+
28+ /* #div1 {
29+ align-content: center;
30+ align-self: center;
31+ } */
32+
33+ # contenedor {
34+ display : flex;
35+ align-items : center;
36+ justify-content : center;
37+
38+ margin : 0 ;
39+ padding : 0 ;
40+ min-width : 100vw ;
41+ min-height : 100vh ;
42+ width : 100% ;
43+ height : 100% ;
44+ }
45+
46+ # central {
47+ max-width : 320px ;
48+ width : 100% ;
49+ }
50+
51+ .titulo {
52+ font-size : 200% ;
53+ color : # bbe1fa ;
54+ text-align : center;
55+ margin-bottom : 20px ;
56+ }
57+
58+ # login {
59+ width : 100% ;
60+ padding : 50px 30px ;
61+ background-color : # 3282b8 ;
62+ border-radius : 3px ;
63+ -moz-border-radius : 3px ;
64+ -webkit-border-radius : 3px ;
65+
66+ box-sizing : border-box;
67+ }
68+
69+ # login input {
70+ font-family : sans-serif;
71+ font-size : 110% ;
72+ color : # 1b262c ;
73+
74+ display : block;
75+ width : 100% ;
76+ height : 40px ;
77+
78+ margin-bottom : 10px ;
79+ padding : 5px 5px 5px 10px ;
80+
81+ box-sizing : border-box;
82+
83+ border : none;
84+ border-radius : 3px 3px 3px 3px ;
85+ -moz-border-radius : 3px 3px 3px 3px ;
86+ -webkit-border-radius : 3px 3px 3px 3px ;
87+ }
88+
89+ # login input ::placeholder {
90+ font-family : sans-serif;
91+ color : # E4E4E4 ;
92+ }
93+
94+ # login button {
95+ font-family : sans-serif;
96+ font-size : 110% ;
97+ color : # 1b262c ;
98+ width : 100% ;
99+ height : 40px ;
100+ border : none;
101+
102+ border-radius : 3px 3px 3px 3px ;
103+ -moz-border-radius : 3px 3px 3px 3px ;
104+ -webkit-border-radius : 3px 3px 3px 3px ;
105+
106+ background-color : # bbe1fa ;
107+
108+ margin-top : 10px ;
109+ }
110+
111+ # login button : hover {
112+ background-color : # 0f4c75 ;
113+ color : # bbe1fa ;
114+ }
115+
116+ .pie-form {
117+ font-size : 90% ;
118+ text-align : center;
119+ margin-top : 15px ;
120+ }
121+
122+ .pie-form a {
123+ display : block;
124+ text-decoration : none;
125+ color : # bbe1fa ;
126+ margin-bottom : 3px ;
127+ }
128+
129+ .pie-form a : hover {
130+ color : # 0f4c75 ;
131+ }
132+
133+ .inferior {
134+ margin-top : 10px ;
135+ font-size : 90% ;
136+ text-align : center;
137+ }
138+
139+ .inferior a {
140+ display : block;
141+ text-decoration : none;
142+ color : # bbe1fa ;
143+ margin-bottom : 3px ;
144+ }
145+
146+ .inferior a : hover {
147+ color : # 3282b8 ;
148+ }
0 commit comments