@font-face {
  font-family: 'Fruktur';
  src: url('/fonts/Fruktur-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Fruktur';
  src: url('/fonts/Fruktur-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AlegreyaSans';
  src: url('/fonts/AlegreyaSans/AlegreyaSans-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AlegreyaSans';
  src: url('/fonts/AlegreyaSans/AlegreyaSans-LightItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'AlegreyaSans';
  src: url('/fonts/AlegreyaSans/AlegreyaSans-Bold.ttf') format('truetype');
  font-weight: bold;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  /*outline: 1px solid red;/*debug comment for box position, remove first 2 symbols*/
}

body {
  font-weight: normal;
  font-family: "AlegreyaSans";
  color:cadetblue;
  font-size: 20px;
}

h1.header {
  font-family: "Fruktur";
  color: rgb(176, 24, 24);
  font-size: 35px;
}

.table {
 border-collapse: collapse; 
 border: solid 3px rgb(176, 24, 24);
}

.table th, .table td {
  border: solid 3px rgb(176, 24, 24);
  padding: 0 10px 10px 30px;
}

.table th {
  text-align: center;
}

li :active, li :link, li :visited {
  color:rgb(176, 24, 24);
  text-decoration: none;
}

li {
  color:cadetblue;
}

li :hover {
  text-shadow: 
    0 0 5px,
    0 0 10px,
    0 0 15px;
  text-decoration: underline;
}