-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
132 lines (113 loc) · 2.94 KB
/
style.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
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
* {
margin: 0px;
padding: 0px;
}
body {
font-family: 'Roboto Condensed', sans-serif;
/*altera as fontes do documento*/
}
.cabecalho {
width: auto;
/*coloca em auto a largura do cabeçalho*/
background-color: rgb(43, 99, 80);
/*cor de fundodo cabeçalho*/
color: black;
/*cor da fonte*/
display: flex;
/*flex box*/
justify-content: space-around;
/*adiciona um espaço ao redor de todos os elementos*/
align-items: center;
/*centraliza os itens na horizontal*/
padding: 24px 0px;
/*espaçamento interno na vertical de 24px e 0px na horizontal*/
}
.item-cabecalho {
display: inline-block;
/*coloca ites da lista em linha*/
margin: 0px 16px;
/* coloca margem externa 0 na vertical e 16px na horizontal*/
}
.img-cabecalho {
width: 10%;
/*ajusta o tamanho da imagem*/
}
.escola {
width: auto;
/*coloca a largura em auto*/
background-image: linear-gradient(#fae9e9, #3fcaec);
/*coloca um fundo com gradiente linear*/
color: black;
/*cor da fonte*/
display: flex;
/*adiciona a flex box*/
justify-content: center;
/*centraliza todos os elementos*/
align-items: center;
/*alinha os itens ao centro*/
padding: 24px 0px;
/*espaçamento interno na vertical de 24px e 0px na horizontal*/
}
.conteudo-escola {
width: 40%;
padding: 24px 24px;
/*espaçamento interno na vertical de 24px e 24px na horizontal*/
}
.titulo-escola {
padding: 20px 20px;
/*espaçamento interno na vertical de 20px e 20px na horizontal*/
font-size: 16px;
/*tamanho da fonte em 16px*/
}
.texto-escola {
text-align: justify;
/*justifica o texto*/
}
.img-escola {
width: 30%;
/*ajusta o tamanho da imagem*/
}
.tecnologia{
width: auto;
padding: 24px;
/*espaçamento interno na vertical de 10px e 0px na horizontal*/
text-align: center;
/*alinha o texto ao centro*/
display: flex;
/*flex box*/
flex-direction: column;
/*alinha os elementos em ccoluna*/
align-items: center;
/*distribui os elementos ao centro*/
justify-content: space-around;
/*adiciona um espaço ao redor de todos os elementos*/
}
.ideias {
width: 30%;
padding: 20px;
}
.img-ideias{
width: auto;
display: flex;
flex-direction: row;
justify-content: space-around;
flex-wrap: wrap;
}
.rodape {
width: auto;
background-color: rgb(43, 99, 80);
/*cor do plano de fundo do rodapé*/
color: antiquewhite;
/*cor da fonte do rodapé*/
padding: 24px 0px;
/*espaçamento interno na vertical de 24px e 0px na horizontal*/
display: flex;
/*fex box*/
justify-content: space-around;
/*adiciona um espaço ao redor de todos os elementos*/
}
.rede-social {
width: 24px;
/*tamanho dos icones da rede social no rodapé*/
padding: 5px;
}