SOM Scrapbook!

ScrappyStyle.css

@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;
}