1
+ html , body {background : rgb (3 , 2 , 43 );margin : 0 ;}
2
+ .content {color : rgb (10 , 2 , 36 );font : 12 px/1.4 "tahoma" , tahoma;margin : 20px auto;max-width : 700px }
3
+ h1 {font-size : 12px ;font-weight : normal;color : rgb (209 , 42 , 42 );margin : 0 ;}
4
+ p {margin : 0 0 20px ; color : darkred; font-size : 30px ; font-family : courier new;}
5
+ a {color : # 07501f ;text-decoration : none;}
6
+ .galleria-info-description a {color : rgb (5 , 128 , 41 );}
7
+ .cred {margin-top : 20px ;font-size : 11px ;}
8
+
9
+ /* Gallery measures that will be applied */
10
+ .galleria {
11
+ height : 600px ; /* defines a static gallery height */
12
+ max-width : 900px ; /* defines a responsive width */
13
+ background : rgb (17 , 161 , 218 );
14
+ color : blueviolet;
15
+ }
16
+
17
+
18
+ header {
19
+ background : rgb (11 , 84 , 126 );
20
+ width : 1350px ;
21
+ height : 200px ;
22
+ }
23
+
24
+ header ul .menu {
25
+ display : flex;
26
+ flex-direction : row;
27
+ flex-wrap : wrap;
28
+ position : relative;
29
+ right : -300px ;
30
+
31
+ }
32
+
33
+ header ul .menu li {
34
+ list-style-type : none;
35
+
36
+ }
37
+
38
+ header img {
39
+ width : 200px ;
40
+ height : 200px ;
41
+ position : relative;
42
+ top : -65px ;
43
+ }
44
+
45
+
46
+ header ul .menu li a {
47
+ color : rgb (197 , 212 , 202 );
48
+ background : rgb (190 , 46 , 10 );
49
+ margin : 30px ;
50
+ position : relative;
51
+ bottom : -150px ;
52
+ font-size : 25px ;
53
+ border : inset 5px rgb (51 , 40 , 201 );
54
+ font-family : tahoma;
55
+
56
+ }
57
+
58
+
59
+ header ul .menu li a : hover {
60
+ background : rgb (8 , 17 , 11 );
61
+ color : rgb (157 , 206 , 93 );
62
+ font-family : impact;
63
+ text-decoration : line-through;
64
+ margin : 5px ;
65
+ font-size : 30px ;
66
+ }
67
+
68
+
69
+ header ul .menu li a : active {
70
+ background : rgb (31 , 2 , 2 );
71
+ color : rgb (139 , 136 , 82 );
72
+ font-family : georgia;
73
+ text-decoration : overline;
74
+ margin : 3px ;
75
+ font-size : 30px ;
76
+ }
77
+
78
+
79
+
80
+
81
+
82
+
83
+ form .formulario {
84
+ background : rgb (14 , 65 , 18 );
85
+ height : 700px ;
86
+ width : 600px ;
87
+ text-align : center;
88
+ position : relative;
89
+ right : -400px ;
90
+ font-family : consolas ;
91
+ }
92
+
93
+
94
+ form .formulario label {
95
+
96
+ color : # d4e2d9 ;
97
+ font-size : 40px ;
98
+ font-family : consolas;
99
+ }
100
+
101
+
102
+ form .formulario p {
103
+ color : # d4e2d9 ;
104
+ font-size : 25px ;
105
+ }
106
+
107
+ form .formulario input [type = text ], form .formulario input [type = email ], form .formulario input [type = password ], form .formulario input [type = number ]
108
+ {
109
+ background : rgb (45 , 97 , 238 );
110
+ color : rgb (230 , 213 , 217 );
111
+ font-family : consolas;
112
+
113
+ }
114
+
115
+
116
+
117
+ form .formulario input [type = password ]{
118
+ position : relative;
119
+ right : -100px ;
120
+ }
121
+
122
+ form .formulario input [type = submit ]{
123
+ background : rgb (228 , 216 , 216 );
124
+ color : rgb (80 , 218 , 12 );
125
+ position : relative;
126
+ bottom : -90px ;
127
+ left : -100px ;
128
+ width : 200px ;
129
+ height : 50px ;
130
+ }
131
+
132
+ form .formulario input [type = submit ]: hover {
133
+ background : rgba (23 , 190 , 98 , 0.76 );
134
+ color : rgb (232 , 221 , 236 );
135
+ border : inset 5px rgb (182 , 219 , 16 );
136
+ margin-bottom : 10px ;
137
+ text-decoration : line-through;
138
+ font-size : 30px ;
139
+ font-family : arial;
140
+ }
141
+
142
+ form .formulario input [type = submit ]: active {
143
+ background : rgba (67 , 65 , 71 , 0.76 );
144
+ color : rgb (2 , 15 , 1 );
145
+ text-decoration : underline;
146
+
147
+ }
0 commit comments