﻿/* {box-sizing:border-box}*/

body {  background-image:url("../DivGraph/blobkgde.gif"); 
        font-family:'Stint',Arial, Helvetica, sans-serif;
        color:navy;
       font-size:24px;

}
/*a:link
  { color: blue;
    text-decoration: none; }
a:active
  { color: Olive;
    text-decoration: none;
  }
a:visited
  { color: DarkBlue;
    text-decoration: none; } 
a:hover
  { color: brown;
    text-decoration: none; }*/
    
hr { 
     box-shadow:4px 4px 2px #BFBFBF;
     border:solid #0000FF 2px;
}
    
@font-face {
    font-family: 'Stint';
    src: url('../Fonts/StintUltraCondensed-Regular.woff2') format('woff2'),
         url('../Fonts/StintUltraCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#Stint {font-family: 'Stint',Arial;

}

@font-face {
  font-family: 'Comic';
  src: url('../Fonts/ComicNeue-Bold.woff2') format('woff2'),
       url('../Fonts/ComicNeue-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#ComicNeu {
		font-family: 'Comic_Neue_Bold', Arial, Helvetica, sans-serif;
}

@font-face {
    font-family: 'SpecialElite';
    src: url('../Fonts/SpecialElite.woff2') format('woff2'),
         url('../Fonts/SpecialElite.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#SpecialElite {
	font-family: 'SpecialElite',Arial;
}

#flage {
	box-shadow: 100px 100px 10px red;{
	
}
/* The navigation menu links */
.sidenav a {
    padding: 5px 0px 8px 32px;/*top, right, bottom, left*/
    text-decoration: none;
    font-size: 18px;
    color:darkblue; 
    /*opacity:2;*/
    font-weight:normal;
    line-height:0.4;
    display: block;
    transition: 0.1s;
}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color:yellow;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 36px;
  margin-left: 50px;
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
ul { list-style: none;padding-left:0 } 


