SOM Scrapbook!
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); | |
body { | |
background-color: #282a36; | |
font-family: 'Roboto', sans-serif; | |
} | |
.nav-link { | |
font-weight: 900; | |
font-style: italic; | |
text-decoration: none; | |
color: #ff79c6; | |
transition: 250ms ease; | |
} | |
.nav-link:hover { | |
color: #bd93f9; | |
} | |
.header-title-name { | |
font-weight: 700; | |
color: #f8f8f2; | |
margin-bottom: 5px; | |
} | |
.header-link { | |
color: #f8f8f2; | |
transition: 250ms ease; | |
} | |
.header-link:hover { | |
transform: scale(1.25, 1.25); | |
color: #ff79c6; | |
} | |
.header-streak { | |
color: #f8f8f2; | |
background-color: #282a36; | |
} | |
.posts { | |
border-radius: 0px; | |
grid-gap: 10px; | |
overflow: visible !important; | |
background: none; | |
} | |
.post { | |
/* margin: 1em !important; */ | |
position: relative; | |
border-radius: 4px !important; | |
background-color: #44475a; | |
border: 3px solid #BD93f9; | |
transition: 250ms ease; | |
} | |
.post:hover { | |
border: 3px solid #ff79c6; | |
background-color: #282a36; | |
} | |
.color-empty{ | |
fill: #44475a !important; | |
} | |
.color-1{ | |
fill: #bd93f9 !important; | |
} | |
.color-2{ | |
fill: #ff79c6 !important; | |
} | |
.color-3{ | |
fill: #50fa7b !important; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment