scrapbook

style.css

/* code src + inspo: url("<script src="https://gist.github.com/J-cordz/6a907aa626c757bee5ad9d3c6269c38e.js"></script>") */
/* Phanuelle Manuel */
/* body customization */

body {
  background-color: #cc99ff;
  background-image: url("https://transparenttextures.com/patterns/cartographer.png");     
}

/* nav-link customization */

.nav-link-home {
  font-weight: bold;
  color: #ff66cc;
}

.nav-link-home:hover {
  color: #ff0066;
}

/* .nav-link-home::before {
  /* content: "Phan's ";
/* } */

.nav-link-about {
  font-weight: bold;
  color: #ff66cc;
}

.nav-link-about:hover {
  color: #ff0066;
}

.nav-link-github {
  font-weight: bold;
  color: #ff66cc;
}

.nav-link-github:hover {
  color: #ff0066;
}

/* header customization */

.header-link {
  transition: 250ms ease;
  color: #ccffcc;
}

.header-link:hover {
  transform: scale(1.25, 1.25);
  color: #66ff66;
}

/* posts customization */

.posts {
  border-radius: 0px;  
  grid-gap: 10px;
}

.post {
  border-radius: 4px;
  border: 3px solid #ccffcc;
  transition: 250ms ease;
}

.post-attachment:hover {
  transform: scale(1.015);
}

/* custom animation */

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.header-title-avatar {
  animation: rotate 5s infinite;
}