:root {
    --default-text-color: rgb(255, 255, 255);
    --link-color: CornflowerBlue;
    --accent-color: lightblue;
    --bg-color: rgb(12, 12, 12);
    /* --content-bg-color: #22252b; */
    --content-bg-color: #191d24;
}

body{
    margin: 0;
    padding: 0;
    width: 100%;

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: var(--bg-color);
    color: var(--default-text-color);
}

p{
    line-height: 30px;
    font-size: 18px;
}

.footer{
    padding: 10px;
}

.footer img{
    width: 3em;
    height: auto;
}

a:hover{
    animation-name: hover-darken;
    animation-duration: 0.25s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
}

a:has(img){
    text-decoration: none;
}

@keyframes hover-darken{
    from { opacity: 1;}
    to { opacity: 0.7;}
}