46 lines
727 B
CSS
46 lines
727 B
CSS
|
: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);
|
||
|
|
}
|