/* general style of the website */

:root{
    scrollbar-color:rgba(71, 61, 139, 0.9) #101010;
}

body{
    background-color:black;
    color:#dedede;
    margin:1.88rem 1.88rem 1.88rem 1.88rem;
    background-image:url("/assets/background-tile.PNG");
    background-attachment:fixed;
    background-size:5rem;
    background-repeat:repeat;
}
@media (prefers-color-scheme:light){
    body{
        background-color:#dadada;
        color:#101010;
        background-image:url("/assets/background-tile-light.PNG");
        a{color:purple;}
        a:hover{background-color:rgba(221,126,221,0.5);}
    }
    :root{
        scrollbar-color:rgb(195, 170, 255) #ddd;
    }
}
@media screen and (max-width:800px){
    body{
        margin:0.125rem 0.5rem 0.125rem 0.5rem;
        .flex-container{
            flex-direction:column;
            padding:0;
        }
    }
}

.flex-container{
    display:flex;
    flex-direction:row;
    padding:0.25rem;
    width:100;
    gap:2.5rem;
    justify-content:center;
}


p{
    text-align:justify;
    hyphens:auto;
    font-family:'Times New Roman', Times, serif;
    font-size:1.2rem;
    margin-bottom:0.63rem;
}
ul{
    font-size:1.2rem;
    list-style-type:symbols(cyclic "⋆");
}
ul li{
    line-height:1.5;
}
a{
    color:plum;
    font-family:'Times New Roman', Times, serif;
    text-decoration:none;
}
a:hover{
    background-color:rgba(71,61,139,0.5);
    border-radius:0.25rem;
}

header{
    text-align:center;
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size:1.56rem;
    margin:1rem 0 0.94rem 0;
    font-weight:bold;
}

h1{
    text-align:left;
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size:1.5rem;
    margin-top:1.5rem;
    margin-bottom:0.94rem;
}
h2{
    text-align:left;
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size:1.25rem;
    margin-top:1rem;
    margin-bottom:0.88rem;
}
h3{
    text-align:left;
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size:1.2rem;
    margin-top:1rem;
    margin-bottom:0.75rem;
}

img{
    border:0.2rem solid;
    border-radius:2rem;
    border-color:#101010;
    box-shadow:0 0.25rem 0.25 rem 0 rgba(0,0,0,0.2);
}