* {
    margin:0;
    padding:0;
    background-color: black;
	color: white;
	
}

body {
    font-size: 16px;
    font-family: "Segoe UI", Verdana, Tahoma, Arial, sans-serif;
}

.full {
	color: white;
	background-color: black;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	
}

.bg {
}

.bgimg {
    max-width: 100%;
    max-height: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
}

.snddiv {
    margin: 0;
    overflow: hidden;
    position: fixed;
	z-index:10;
	background-color: green;
}

.sndicon { 
	width: 100%;
	height: 100%;
}

area, area:focus, area:active, area:hover {
    outline:none;
    cursor: pointer;
    display:block;
}

.secret1 {
    margin: 0;
    overflow: hidden;
    position: fixed;
	z-index:10;
	background-color: transparent;
	font-family: Mistral;
	font-size: 30px;
	padding: 0
	font-weight: 500;
	color: #000088;
	text-align: center;
	outline:none;
	border: 0px solid transparent;
}

.secret2 {
    margin: 0;
	font-family: "Times New Roman", Times, serif;
    overflow: hidden;
    position: fixed;
	z-index:10;
	background-color: transparent;
	font-size: 30px;
	padding: 0
	font-weight: 500;
	color: gold;
	text-align: center;
	outline:none;
	border: 0px solid transparent;
}

.animate-show, .animate-hide {
  -webkit-transition:all linear 1s;
  -moz-transition:all linear 1s;
  -ms-transition:all linear 1s;
  -o-transition:all linear 1s;
  transition:all linear 1s;
}

.animate-show {
  opacity:0;
}

.animate-show.animate-show-active {
  opacity:1;
}

.animate-hide {
  opacity:1;
}

.animate-hide.animate-hide-active {
  opacity:0;
}