@font-face {
        font-family: 'philip_font';
        src: url(font/segoeui.ttf);
}

@font-face {
        font-family: 'h1_font';
        src: url(font/nationalgeographic.ttf);
}

@font-face {
        font-family: 'arial_font';
        src: url(font/MATURASC.ttf);
}

body {
    font-family: 'philip_font';
    font-size: 12pt;
    font-variant: inherit;
    text-align: left;
    color: white;
    margin: 0;
}

h1 {
	font-family: 'philip_font';
	font-size: 24pt;
        text-align: left;
}

h2 {
	font-family: 'arial_font';
	font-size: 16pt;
        text-align: ;
}

.header  {
  width:100%;
  background-color:rgba(0, 0, 0, 0.6);
  position:absolute;
  z-index:9999;
}

.topnav a {
   float: left;
   color: #f2f2f2;
   text-align: center;
   padding: 12px 12px;
   text-decoration: none;
   font-size: 16px;
}

.topnav a:hover {
   background-color: #DDD;
   color: black;
}

.topnav a.active {
   background-color: #6659D9;
   color: white;
}


.footer  {
  width:100%;
  height:40px;
  background-color:rgba(0, 0, 0, 0.6);
  position:absolute;
  z-index:9999;
  bottom:0px;
}

.footer > h1 {
    font-family: 'philip_font';
    margin-left:13px;
    color : white;
    font-size: 12px;
}

.telegram a {
    float: center;
    text-align: center;
    padding: 12px 12px;
    text-decoration: none;
    color : white;
    font-size: 12px;
}

.telegram {
    text-align: center;
    font-family: 'philip_font';
    color : white;
    font-size: 12px;
}

.telegram a:hover {
    color: yellow;
    font-size: 12px;
}

.copyright {
    text-align: center;
    font-family: 'philip_font';
    color : white;
    font-size: 12px;
}