@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'Bad Comic';
    src: url('BadComic.woff2') format('woff2'),
        url('BadComic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Add a black background color to the top navigation */
.topnav {
  overflow: hidden;
	margin-left: 300px;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
	font-family: 'Bad Comic';
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color:lightblue;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #4942a7;
  color: white;
}


.frame {
  background: url('background3.jpg');
	width: 1200px;
	height: 1000px;
	margin: 0px auto;
	position: relative;
}

.outcome6{
	position:absolute;
	left:100px;
}
.cartoons {
  position: absolute;
  color: black;
  font-family: 'Bad Comic'; 
  text-decoration: none;
  	left:860px;
	top:126px;
   font-size: 15px;
	transform: rotate(35deg);
}
.animalp {
  position: absolute;
  color: black;
  font-family: 'Bad Comic'; 
  text-decoration: none;
  	left:983px;
	top:138px;
  font-size: 11px;
	transform: rotate(35deg);
}
.birds {
  position: absolute;
  color: black;
  font-family: 'Bad Comic'; 
  text-decoration: none;
  	left:944px;
	top:253px;
  font-size: 14px;
   transform: rotate(35deg);
}