h1,h2,h3,h4,h5 {
	font-family:'Brush Script MT', cursive;
	font-color: #f8f8f8;
}
img {
    max-width:95%;
    margin:5px;
}


body {
	font-family: 'Verdana';
    font-color: #f8f8f8;
}


/* Content styling */

/* Paragraphs and links */

p {
    margin:10px 0px 10px 0px;
    line-height:1.5;
}

a {
    color:#ea9128;
    text-decoration:underline;
}

a:hover {
    color:var(--linkhover);
    text-decoration:none;
	font-weight: 900;
}

main details {
    padding:10px;
    background:var(--details);
    margin:5px;
}

/* Form elements */

main input, textarea, select {
    color:var(--formcolor);
    background:var(--formbg);
    font:1rem var(--bodyfont);
    border:1px solid;
    padding:5px;
}

main button {
    color:var(--buttoncolor);
    background:var(--buttonbg);
    font:1rem var(--bodyfont);
    border:1px solid;
    padding:5px;
}

/* Lists */

main ul, ol { 
    list-style-position:outside;
    margin:5px 0 5px 30px;
}

main li {
    margin:7px 0 7px 0;
    line-height:1.5;
}

main li a {
    text-decoration:none;
}



iframe {
border-color:#706040;
	border-style: solid;
	border-width: 15px;
float: center;

width: 590px;

height: 900px;



 overflow-y: scroll;}
 
 #float {
        text-shadow: -1px 0 #706040, 0 1px #706040, 1px 0 #706040, 0 -1px #706040, 0 0;
        font-style: italic;
        font-size: 1em;
        font-weight: bold;
        color: #f0e0c0;
        animation-name: floating;
        animation-duration: 3s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    @keyframes floating {
        0% {
            transform: translate(0, 0px);
        }

        50% {
            transform: translate(0, 15px);
        }

        100% {
            transform: translate(0, -0px);
        }
    }
	
	.typewriter {
    overflow: hidden;
    border-right: 0.15em solid black;
    white-space: nowrap;
    margin: 0 auto;
    letter-spacing: 0.15em;
    animation: typing 3.5s steps(30, end), blink-caret 0.5s step-end infinite;
  }

  @keyframes typing {
    from {
      width: 0;
    }
    to {
      width: 100%;
    }
  }

  @keyframes blink-caret {
    from,
    to {
      border-color: transparent;
    }
    50% {
      border-color: black;
    }
  }