Special Socials Page!
This commit is contained in:
parent
e1cdf96cf2
commit
41876a70ba
3 changed files with 48 additions and 19 deletions
|
@ -18,9 +18,9 @@ h2 {
|
|||
}
|
||||
|
||||
body {
|
||||
padding: 0;
|
||||
padding: 15px;
|
||||
margin: auto;
|
||||
background-color: black;
|
||||
background-color: rgb(10, 5, 20);
|
||||
max-width: 1100px;
|
||||
|
||||
animation-name: "fade-in";
|
||||
|
@ -38,18 +38,19 @@ a {
|
|||
.chip {
|
||||
font-size: 1.3rem;
|
||||
border: 2px white solid;
|
||||
border-radius: 25px;
|
||||
border-radius: 15px;
|
||||
background-color: black;
|
||||
padding: 10px;
|
||||
margin: 5px;
|
||||
display: inline-block;
|
||||
transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||
transform: scale(1)
|
||||
transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||
/* transform: scale(0.95) */
|
||||
}
|
||||
|
||||
.chip:hover {
|
||||
background-color: rgb(20, 10, 30);
|
||||
transform: scale(1.05);
|
||||
/* background-color: rgb(20, 10, 30); */
|
||||
/* transform: scale(1); */
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
|
@ -135,11 +136,13 @@ hr {
|
|||
@keyframes fade-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(20%)
|
||||
transform: translateY(20%);
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
background-color: rgb(10, 5, 20);
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue