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

body {
	background: gray;
	font-family: impac
	color: white;
	font-size: 25px;
}

@font-face {
    font-family: 'Fishing';
    src: url('FishingRegular.woff2') format('woff2'),
        url('FishingRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

p1 {
	display: block;
-webkit-transform: rotate(0deg); /*Chrome, Safari, Opera */
transform: rotate(0deg);
position: absolute;
top: 215px;
left: 20px;
font-family: fishing;
position: relative;
color: white;
font-size: 32.3px;
opacity: 0;
text-shadow: 8px 8px 9px black;
-webkit-animation: fadeIn 2s; /* Chrome, Safari, Opera */
        animation: fadeIn 3s;
        -webkit-animation-delay: 2s;
        animation-delay: 3s;
        -webkit-animation-fill-mode: forwards; 
	    animation-fill-mode: forwards;
}

h1{
	display: block;
-webkit-transform: rotate(0deg); /*Chrome, Safari, Opera */
transform: rotate(0deg);
position: absolute;
top: 450px;
left: 355px;
font-family: georgia;
position: relative;
color: pink;
text-decoration: none;
font-size: 24px;
opacity: 0;
-webkit-animation: fadeIn 5s; /* Chrome, Safari, Opera */
        animation: fadeIn 5s;
        -webkit-animation-delay: 5s;
        animation-delay: 5s;
        -webkit-animation-fill-mode: forwards; 
	    animation-fill-mode: forwards;
}
.frame {
	background-image: image("carmine2007.jpg");
	position: relative;
  width: 450px;
	height: 50px;
	margin: 0px auto;
}

.illustration {
	background: white url("carmine2012.jpg"); 
	width:475px;
	height: 640px;
	margin: 0px auto;	
}

h1:hover {
  color: blue;
}