@use '@angular/material' as mat;

@import url("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css");
@import url("https://use.fontawesome.com/releases/v6.1.1/css/all.css");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons|Roboto:300,400,500");

@include mat.core();

$zakscode-primary: mat.define-palette(mat.$blue-palette, 900);
$zakscode-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
$zakscode-warn: mat.define-palette(mat.$red-palette);
$zakscode-theme: mat.define-light-theme((
  color: (
    primary: $zakscode-primary,
    accent: $zakscode-accent,
    warn: $zakscode-warn,
  )
));
@include mat.all-component-themes($zakscode-theme);


::-webkit-scrollbar-track {
	background-color: #354B72;
}

::-webkit-scrollbar {
	width: 10px;
	background-color: #354B72;
}

::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5);
	background-color: #354B72;
}

html, body {
	height: 100%;
}

body {
	margin: 0;
	font-family: Roboto, sans-serif;
	background: #354B72 url("/assets/img/ZaksCode.gif") no-repeat fixed center;
	background-position: right 50% top -10vh;
}

.skirt {
	height: 3rem;
	width: 100%;
	background-color: #354B72;
}