organizando o arquivo styles.css em vários arquivos organizados por f…

…unção ou local da página
rickreisme · Jan 26, 2024 · 2888e58 · 2888e58
1 parent 9df8229
commit 2888e58
Show file tree

Hide file tree

Showing 14 changed files with 2,065 additions and 2,070 deletions.
diff --git a/assets/styles/contato-footer-scroll.css b/assets/styles/contato-footer-scroll.css
@@ -0,0 +1,163 @@
+.contato {
+    padding:150px 0 200px 0 ;
+  }
+
+  .contato span {
+    color: var(--verde-principal);
+  }
+
+  .contato h2 {
+    color: var(--verde-secundario);
+    text-align: center;
+    font-size: 30px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: normal;
+  }
+
+  .colunas {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-evenly;
+    margin: 0 7%;
+    align-items: center;
+  }
+
+  .colunaE {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .colunaE h3 {
+    color: #FFF;
+    text-align: center;
+    font-size: 17px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: normal;
+  }
+
+  .btn6 {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 240px;
+    height: 40px;
+    margin-top: 15px;
+    border-radius: 19.5px;
+    background: var(--verde-quaternario);
+    box-shadow: 0px 4px 1px 0px #FFF;
+    cursor: pointer;
+    transition: color 0.5s ease, var(--transicao-botao-hover);
+    text-decoration: none;
+  }
+
+  .btn6 h4 {
+    color: #FFF;
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: normal;
+    text-align: center;
+    transition: color 0.5s ease;
+  }
+
+  .btn6:hover {
+    border-radius: 19.5px;
+    background-color: #1ee61e;
+    box-shadow: 0px 3px 1px 0px #FFF;
+  }
+
+  .btn6:hover h4 {
+    color: var(--verde-darkL);
+    font-weight: 600;
+  }
+
+  .sociais {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 460px;
+    height: 150px;
+    border-radius: 43px;
+    background: var(--verde-secundario);
+    margin-top: 40px;
+    padding-bottom: 20px;
+  }
+
+  .sociais h3 {
+    font-size: 19px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: normal;
+    padding-bottom: 20px;
+    ;
+  }
+
+  .redes {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-evenly;
+  }
+
+  .redes a {
+    cursor: pointer;
+  }
+
+  #gith,
+  #linkd,
+  #beh,
+  #linkk {
+    width: 50px;
+    height: 50px;
+    margin-left: 20px;
+    margin-right: 20px;
+    justify-content: center;
+    align-items: center;
+    transition: transform 0.5s ease;
+  }
+
+  .redes img:hover {
+    transform: scale(1.3);
+  }
+
+  #avaRick {
+    display: flex;
+    width: 350px;
+    padding: 16.884px 23.052px 0px 21.828px;
+    justify-content: center;
+    align-items: center;
+  }
+
+  footer {
+    padding-top: 200px;
+    margin-bottom: 15px;
+  }
+
+  footer h3 {
+    font-size: 17px;
+    color: white;
+    font-weight: 600;
+    text-align: center;
+  }
+
+  footer span {
+    color: var(--verde-principal);
+  }
+
+  ::-webkit-scrollbar {
+    width: 12px;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background-color: var(--verde-secundario);
+    border-radius: 6px;
+  }
+
+  ::-webkit-scrollbar-track {
+    background-color: transparent;
+  }