@charset "utf-8";
/* CSS Document */

#intro {
    border: 10px ridge #7A0709;
    -webkit-box-shadow: 2px 2px 3px 2px #363535;
    box-shadow: 2px 2px 3px 2px #363535;
}

.foot{
    color: #FFA11B;
    font-family: "Myanmar";
    text-align: center;
    text-transform: none;
    font-size: small;
}
.foot a{
    color: #FFA11B;
    font-family: "Myanmar";
    text-align: center;
    text-transform: none;
    font-size: small;
    text-decoration: none;
    transition: all 0.3s linear;
}

.foot a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

@font-face{ 
	font-family: 'Copperplate';
	src: url('../fonts/copperplate_gothic_bold_regular-webfont.eot');
	src: url('../fonts/copperplate_gothic_bold_regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/copperplate_gothic_bold_regular-webfont.woff') format('woff'),
	     url('../fonts/copperplate_gothic_bold_regular-webfont.ttf') format('truetype'),
	     url('../fonts/copperplate_gothic_bold_regular-webfont.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'Myanmar';
	src: url('../fonts/myanmarmn-01-webfont.eot');
	src: url('../fonts/myanmarmn-01-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/myanmarmn-01-webfont.woff') format('woff'),
	     url('../fonts/myanmarmn-01-webfont.ttf') format('truetype'),
	     url('../fonts/myanmarmn-01-webfont.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'CopperplateLt';
	src: url('../fonts/copperplate_gothic_light_regular-webfont.eot');
	src: url('../fonts/copperplate_gothic_light_regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/copperplate_gothic_light_regular-webfont.woff') format('woff'),
	     url('../fonts/copperplate_gothic_light_regular-webfont.ttf') format('truetype'),
	     url('../fonts/copperplate_gothic_light_regular-webfont.svg#webfont') format('svg');
}


li a, .dropbtn {
  color: #570001;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s linear;
  font-family: "Copperplate";
}

li.dropdown {
    display: inline-block;
    color: #FFFFFF;
}
li a:hover, .dropdown:hover .dropbtn {
    color: white;
    text-decoration: none;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top: auto;
    float: left;
    margin-top: 10px;
}

.dropdown-content a {
  color: #AB0002;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
	background-color: #767676;
}

.dropdown:hover .dropdown-content {
  display: block;
}