Hashnode Custom CSS

Articles.css

.blog-theme-switcher{
    animation: rotate 5s infinite;
}


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

.blog-header,
.blog-footer-area {
    padding: 5px;
    bottom: 0;
}

.blog-similar-article-wrapper{
     padding: 15px;
     border: 2px dashed red;
     border-radius: 20px;
     margin-left: 5px;
     margin-right: 5px;
     background: linear-gradient(0deg, rgba(165,215,222,1) 67%, rgba(103,109,255,1) 85%);
}

.dark .blog-similar-article-wrapper {
     background: linear-gradient(0deg, rgba(105,2,123,1) 15%, rgba(34,193,195,1) 100%);
}

.tag {
    padding: 2px;
}
.blog-subscription-form-input{
    padding-right: 105px;
}

Home.css

.blog-theme-switcher{
    animation: rotate 5s infinite;
}


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

.blog-header,
.blog-footer-area {
    padding: 5px;
    bottom: 0;
}

.blog-post-card{
     padding: 15px;
     border: 2px dashed red;
     border-radius: 20px;
     margin-left: 5px;
     margin-right: 5px;
     background: linear-gradient(0deg, rgba(165,215,222,1) 67%, rgba(103,109,255,1) 85%);
}

.dark .blog-post-card {
     background: linear-gradient(0deg, rgba(105,2,123,1) 15%, rgba(34,193,195,1) 100%);
}
/*

.blog-subscription-form {
    border-radius: 10px;
    border: 1.5px solid #bbbbbb;
    padding: 20px;
    margin: 30px 5px;
    background: linear-gradient(150deg, rgba(255,255,68,1) 35%, rgba(183,163,89,1) 100%);
}*/

.blog-subscription-form-input{
    padding-right: 105px;
}

Pages.css

/**/