|
|
| Linha 1: |
Linha 1: |
| /** o código CSS colocado aqui será aplicado a todos os temas */ | | /** o código CSS colocado aqui será aplicado a todos os temas */ |
| .pai{border: solid 2px black;
| | .imagem-zoom { |
| display: grid;
| | transition: transform 0.3s ease-in-out; |
| grid-row-gap: 10px;
| |
| grid-column-gap: 10px;
| |
|
| |
| | |
| }
| |
| .banner{border: solid 2px gray;
| |
| grid-area: 1 / 1 / 2 /3;
| |
| text-align: center;
| |
| font-family: serif;
| |
| color: #555555;
| |
| }
| |
| | |
| | |
| .banner h3 {border: solid 2px rgb(29, 29, 29);
| |
|
| |
| text-align: center;
| |
| font-family: serif;
| |
| color: #555555;
| |
| }
| |
| .banner h4 {border: solid 2px rgb(29, 29, 29);
| |
|
| |
| text-align: center;
| |
| font-family: serif;
| |
| color: #555555;
| |
|
| |
|
| |
|
| |
| | |
| }
| |
| | |
| | |
| .cards1 {border: solid 2px rgb(216, 119, 119);
| |
| grid-area: 2 / 1 / 4 /2;
| |
| padding: 3px;
| |
|
| |
| }
| |
| .cards1 img{
| |
| border: solid 2px rgb(29, 29, 29);
| |
| width: 100px;
| |
| height: 100px;
| |
| | |
| }
| |
| .cards2 {
| |
| border: solid 2px rgb(129, 119, 216);
| |
| grid-area: 2 / 2 / 4 /3;
| |
| padding: 3px;
| |
|
| |
| }
| |
| | |
| .cards2 img{
| |
| border: solid 2px rgb(29, 29, 29);
| |
| width: 100px;
| |
| height: 100px;
| |
| }
| |
| .fastguid{
| |
| border: solid 2px rgb(119, 216, 159);
| |
| grid-area: 4 / 1 / 5 /3;
| |
| }
| |
| | |
| .imagem-zoom {
| |
| width: 300px;
| |
| height: auto;
| |
| transition: transform 0.3s ease-in-out;
| |
| } | | } |
|
| |
|
| |
|
| .imagem-zoom:hover { | | .imagem-zoom:hover { |
| transform: scale(1.1);
| | transform: scale(1.1); |
| } | | } |