scrapbook.css

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&display=swap');

body{
    background-color : #8234ff;  
    font-family: "Montserrat", Sans-serif;  
}

h1.header-title-name {
    /* box-shadow: 5px 5px black; */
    text-shadow: 5px 5px #fbff00;
    /* color: #ff19c7; */
    color: green;
}

article.posts {
    border-radius: 5px;
    box-shadow: 10px 10px #7dd1ff;
}

a.header-link {
    color: white;
    margin: 10px 20px 0 0px;
}

a.nav-link.nav-link-home {
    color: white;
}

text.react-calendar-heatmap-month-label {
    fill: #fbff00;
    font-weight: bold;
    font-family: 'Roboto Mono', monospace;
}

p.post-text:hover {
    box-shadow: 8px 8px #7dd1ff;
    transition: 1s cubic-bezier(0, 0.93, 0.32, 1);
}
p.post-text{
    transition: 1s cubic-bezier(0, 0.93, 0.32, 1);
}

.post {padding: 50px;text-align: center;}

.post-attachment {
    border-radius: 5px!important;
}

a.nav-link.nav-link-github {
    color: white;
}

a.nav-link.nav-link-github:hover {
    color: #ff19c7;
    /* box-shadow: 5px 5px #fbff00; */
}

img.header-title-avatar {
    margin: 20px 0;
    border: dashed #fbff00;
    padding: 5px;
    /* height: 100px; */
}

text.react-calendar-heatmap-weekday-label {
    fill: #fbff00!important;
    font-family: 'Roboto Mono', monospace;
}

p.post-text {
    /* border-top: solid 1px #0000001a; */
    margin: 15px 5px;
    color: white;
    background: #8234ff;
    padding: 20px;
    border-radius: 5px;
    /* box-shadow: 8px 8px #7dd1ff; */
    font-family : 'Roboto Mono', Monospace;
    transition: 1s cubic-bezier(0.32, 0.93, 0.24, 0.97);
}
p.post-text:hover{
    box-shadow: 10px 10px #7dd1ff;
}

footer.css, footer.css a {
    color: white;
    text-decoration: unset!important;
}


span.badge.header-streak.header-streak-plural {
    margin-top: 10px;
    margin-right: 20px;
}

span.badge.header-streak.header-streak-plural {
    white-space: nowrap;
}