:root {
    --primary-background-color: rgb(36, 34, 34);
    --secondary-background-color: rgb(28, 28, 29);

    --brand-primary-color: rgb(21, 55, 225);
}




* {
    margin: 0;
    padding: 0;
    background-color:  var(--primary-background-color);
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
}


body {
    display: flex;
}



.roboto {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
}