@font-face {
    font-family: titlefont;
    src: url("fonts/Titlefont/Timesturn-dn96.ttf"); 
    size-adjust: 200%;
}
@font-face {
    font-family: paragraphfont;
    src: url(fonts/paragraphfont/IseloraDemoRegular-aYe9o.otf); 
    font-weight: 200;
}
body {background-image: url("images/images.jpg");}
h1 {text-align: center; 
    font-size: xx-large; 
    font-family: titlefont; 
    color: #9e6200; 
    font-weight: 100;}
p {text-align:  center; 
    font-size: large; 
    font-family: paragraphfont; 
    color:#73ceea;}
h3 {text-align:  center; 
    font-size: 20px; 
    font-family: paragraphfont; 
    color:#73ceea;}
a {text-align: center;}
ol {text-align:  center; 
    font-size: large; 
    font-family: paragraphfont; 
    color:#73ceea;
    width: 150px;
    margin: 0 auto;}
table {padding: 20px; 
        text-align: center; 
        margin: auto;} 
td  {width: 10px;}
img {width: 300px;}
img#house {position: relative;
         top: 105px;
        padding-bottom: 0px;}
dl {margin: 15px;}
dd {margin: 15px;}
dt {word-spacing: 1em; margin: 4px}
blockquote { text-align:  center; 
    font-size: large; 
    font-family: paragraphfont; 
    color:#73ceea;}
img#banner {width: 600px;}
img.merch {margin: 10px; 
        padding: 3px;
        border-color: #64e05e;
        border-radius: 3px;
        border-style:solid;
        position: relative;
        left: 60px;
    }
img.merch:hover {width: 330px;
                padding: 8px;
                border-width: 5px;
                border-color: #e29153;
                border-style: ridge;
                }
#gallery {width: 1090px;
          margin: 0 auto;
         position: relative;
        left: 100px;
        padding: 10px;}
img.padded {margin: 20px;
            border-width: 5px;
            border-color: #e29153;
            border-style: double;}
img.lower {position: relative; left: 170px;}
ul {list-style-type: georgian;}
p.bio {width: 60%;
        margin: 0 auto}
h2 {text-align: center; 
    color:#73ceea;}
p.biography {width: 60%;
            margin: 0 auto;}
img#homepage_top_right {position: absolute;
                        top: 340px;
                        left: 55%;
                        height: 300px;
                        width: 485px;
                        Margin: 3px}
img#homepage_bottom_left {width: 460px;
                          height: 360px;
                          position: relative;
                          left: -13%;
                          margin-bottom: 1px;
                          margin: 1px;}
iframe {position:relative;
        left: 360px;}     
ul {margin: auto;
    margin-left: 701px;
    color:#73ceea;
    width: 20%;}                   
iframe#homepage { Width: 490px;
    position: relative;
        left: 55%;}
fieldset {
          border-width: 3px;
          Width: 400px;
          border-style: outset;
          position:relative; 
          left: 20%;
          margin-bottom: 20px;}
details {text-align:  center; 
    font-size: large; 
    font-family: paragraphfont; 
    color:#73ceea;}
legend { text-align:  center; 
    font-size: large; 
    font-family: paragraphfont; 
    color:#73ceea;
    padding: 10px;}
label { text-align:  center; 
    font-size: large; 
    font-family: paragraphfont; 
    color:#73ceea}
a {width: 100%; color:#64e05e; 
    text-align: center;}
a:hover {color: #e29153; 
    text-decoration: underline wavy;} 
video { position:relative; 
    object-fit: inherit;
     margin: 5px; position: 
     relative; right: -300px;
        border-style:groove;
    border-radius: 5px;
    border-color: #e29153;}
video.left {margin-right: 30px;
     position: relative; 
     left: 200px; 
     right: 0px;}
video#bottom-video {margin: 0 auto; 
    position:relative; 
    left: 500px;
}
abbr:hover {color: #e29153; 
    text-decoration: underline wavy;} 
footer {color: white; 
        background-color: #4e6b50; 
        text-align: Center; 
        font-size:medium; 
        padding: 15px; 
        bottom: 0; 
        width: 700px;
        margin: auto;}
hr {width: 500px;
    color: #73ceea; 
    border-color: #73ceea; 
    border-width: 1px;}
.scrollingtxtwheelouter { 
    position: sticky;
    top: 0;
    background-color: #4e6b50;
    border-radius: 4px; 
    overflow: hidden;
    z-index: 1;}
.scrollingtxtinner {
    display: flex;
    white-space: nowrap;
    font-size: 16px;
    font-weight:600;
    padding: 8px 0;
}
.scrollingtxt {
    display: flex;
}

.scrollingtextitem {
    padding: 0 30px;

}


.scrollingtxtinner>div  {
    animation: var(--direction) var(--marquee-speed) linear infinite;
}

.scrollingtxtwheelouter:hover .scrollingtxtinner>div {
    animation-play-state: paused;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}
@keyframes scroll-right {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);
    }
}