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

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

body {
	background: #e8cc5a;
	font-family: 'Quadrangle';
	color: white;
	font-size: 24px;
}

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

p1 {
	font-family: Mother Canvas;
	position: relative;
	color: white;
	font-size: 45.5px;
	text-shadow: 2px 2px 3px black;
opacity: 0;
-webkit-animation: fadeIn 4s; /* Chrome, Safari, Opera */
        animation: fadeIn 4s;
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
        -webkit-animation-fill-mode: forwards; 	    animation-fill-mode: forwards;
}

h1 {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	position: absolute;
	color: white;
	font-size: 45px;
}
p1 {display: block;
-webkit-transform: rotate(0deg); /*Chrome, Safari, Opera */
transform: rotate(0deg);
position: absolute;
top: 75px;
right: -380px;
left:px;
}

h1 {
display: block;
-webkit-transform: rotate(0deg); /*Chrome, Safari, Opera */
transform: rotate(0deg);
position: absolute;
top: 540px;
left: 470px;
opacity: 0;
-webkit-animation: fadeIn 5s; /* Chrome, Safari, Opera */
        animation: fadeIn 5s;
        -webkit-animation-delay: 6s;
        animation-delay: 6s;
        -webkit-animation-fill-mode: forwards; 
	    animation-fill-mode: forwards;
}

.frame {
	background-image: image("newfor2025.jpg");
	position: relative;
  width: 350px;
	height: 40px;
	margin: 0px auto;
}

.illustration {
	background: white url("newfor2025.jpg"); 
	width: 685px;
	height: 900px;
	margin: 0px auto;	
}