@import "~@angular/material/prebuilt-themes/indigo-pink.css";

@import '~@angular/material/theming';

// Define a custom typography config that overrides the font-family as well as the
// `headlines` and `body-1` levels.
$custom-typography: mat-typography-config(
  $font-family: 'Roboto, monospace',
  $headline: mat-typography-level(32px, 48px, 700),
  $body-1: mat-typography-level(16px, 24px, 500)
);



body {
    margin: 0;
    padding: 0;
    background-color:#2f3d86;
    font-family: 'Roboto', monospace
}


.spacer {
    flex-grow: 1;
}

.pointer {
    cursor: pointer;
}

.container {
    width:800px; margin:10px auto;
    @media screen and(max-width: 600px) {
        width:auto; 
    }
}

.container.color {
    background-color:#2f3d86; 
}

.hover:hover {
    background-color: #2d3b8c;
    color: white;
}