:root {
    --border-color: hsl(233, 77%, 63%);
    --border-shadow-color: hsl(233, 77%, 63%);
    --topbar-image: url(/Images/topbar.png);
    --bg-gradient: url("/Images/wallpaper.gif"), linear-gradient(0deg,rgb(15, 33, 59) 55%, rgb(93, 119, 131) 100%);
    --top-color: linear-gradient(180deg, #a3bcff 41%, #6d92f8 56%);
    --navbutton-color: linear-gradient(180deg, #f4f7ff 41%, #d5e0ff 56%);
    --navbutton-hover-color: linear-gradient(180deg, #c2d2fd 41%, #9bb6ff 56%);
    --calendar-color: #3662da;
    --hr-color: #6d92f8;
    --latest-color: hsla(246, 100%, 74%, 0.466);
    --latest-color-hover:hsla(246, 100%, 82%, 0.466);
    --header-color: hsl(233, 77%, 63%);
    --blog-nav-color:rgb(67, 64, 255);
    --container-img:url(/Images/paper.png) 0 0 / 200px;
    --container2-img: url(/Images/lined-paper.png) white;
    --blog-update-color: rgb(111, 97, 233);
    --blog-gaming-color: rgb(73, 159, 230);
    --blog-life-color: rgb(73, 206, 230);
    --logo-color: brightness(0) saturate(100%) invert(26%) sepia(70%) saturate(1770%) hue-rotate(202deg) brightness(98%) contrast(100%);
}