-
Notifications
You must be signed in to change notification settings - Fork 0
/
styles.css
79 lines (62 loc) · 1.31 KB
/
styles.css
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
body {
/* Force 0 margin from body */
margin: 0;
}
.info {
height: 100vh;
width: 100vw;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
/* Background chess pattern */
background-color: #fff;
background-image: linear-gradient(#d6e5ff 3px, transparent 1px),
linear-gradient(90deg, #d6e5ff 3px, transparent 1px);
background-size: 25px 25px, 25px 25px, 20px 20px, 20px 20px;
background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}
.title {
font-family: Impact;
color: white;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
font-size: 60px;
height: 20%;
width: 40%;
display: flex;
flex-direction: column;
justify-content: center;
align-self: center;
}
.titleImg {
width: 100%;
}
.subTittle {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-self: center;
}
.img {
width: 100%;
display: flex;
flex-direction: line;
justify-content: space-around;
align-self: center;
}
.aprenda {
width: 30%;
}
.contribua {
width: 30%;
}
.compartilhe {
width: 30%;
}
.info > * {
display: flex;
justify-content: center;
align-content: center;
border: thin solid black;
}