@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');

.jetbrains-mono-500 {
  font-family: "JetBrains Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/* ------------------------- Font noncence ---------------------- */

body {
    background-color: #9397F5;
    background-image: url('/img/bg-patt.png');
    background-repeat: repeat;
    background-size: 400px;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
    color: #DDD4F5;
    font-family: "JetBrains Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 450;
}

main{
    width: 60%;
    display: block;
    margin: auto;
    image-rendering: auto;
    image-rendering: auto;
    image-rendering: auto;
}

.greeting {
    border: 5px solid #EF93F5;
}

div.sep{
    height: 0px;
    border-style: dashed;
    border-width: 1px;
    margin-top: 5px;
    margin-bottom: 10px;
}


div.member{
    display: flex;
    align-items: center;
    margin-left: 0px;
}


span.present {
    display: flex;
    align-items: center;
    margin-left: 8px;
}

div.members > div.member > img{
    border-radius: 10px;
    border-color: #ea95f5;
    border-width: 3px;
    border-style: solid;
}

/* ------------------------- tasory's shit ---------------------- */

.greeting {
    border: 5px solid #EF93F5;
}

.greeting, .greeting legend {
    border: 5px solid #EF93F5;
    background-color: #313244;
    border-radius: 10px;
}

.greeting legend {
    padding: 5px;
}