:root{
    --dark: #222f3e;
    --light-grey: #576574;
    --light: #c8d6e5;

    --green: #1dd1a1;
    --yellow: #feca57;
    --red: #ff6b6b;
    --pink: #ff9ff3;
    --purple: #5f27cd;
    --cyan: #48dbfb;
    --blue: #54a0ff;

}
@font-face {
    font-family: 'robotomono-light';
    src: url('/assets/font/RobotoMono-Light.ttf');
}
*{
    font-family: "robotomono-light";
}
body{
    background-color: var(--dark);
    color:var(--light);
}
.container{
    width: 1200px;
    margin: auto;
    padding: 10px;
    border: 1px solid;
}
table{
    width: 100%;
}
table .amount{
    text-align: right;
}
table .income{
    color:var(--green);
}
table .expense{
    color: var(--red);
}
table .transfer{
    color: var(--pink);
}