<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html{
    font-size: 14px;
}
body{
    margin:0;
    font-family: "turnip", serif;
    font-weight: 300;
    background-color: #fff5ec;
}
header{
    background-color: #7d001b;
    position: fixed;
    width: 100%;
    top:0;
    left:0;
    z-index: 1;
}
nav{
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo{
    width:10rem;
    position: relative;
}
.logo img{
    border:2px solid transparent;
    position: absolute;
    top:-3.5rem;
    left:calc(50% - 5rem);
    width:8rem;
    height: 8rem;
    padding: 1rem;
    border-radius: 5rem;
    background-color: #fff;
}
.logo img:hover{
    border:2px solid #bb212f;
}
h1{
    display:none;
}
nav a{
    color:#fff;
    text-decoration: none;
    font-weight: 700;
    padding:1rem;
    margin:1rem;
}
nav a:hover{
    color:#fff;
    text-decoration: underline;
}
nav a.active{
    text-decoration: underline;
}
h2, h3, h4{
    color:#004644;
}
h3{
    font-size: 1.25rem;
}
p{
    line-height: 1.5rem;
}
img{
    max-width: 100%;
    display:inline-block;
    margin:1rem 0;
}
a{
    color: #006968;
    font-weight: 700;
    text-decoration: none;
}
a:hover{
    color: #004644;
    text-decoration: underline;
}
.button, button{
    color:#fff;
    background-color: #004644;
    padding:1rem;
    font-family: "turnip", serif;
    font-weight: 500;
    border:0;
    border-radius: .5rem;
    box-shadow: 2px 2px 2px #00000095;
    text-decoration: none;
    display: inline-block;
}
.button:hover, button:hover{
    background-color: #006968;
    color:#fff;
}
hr{
    border:1.5px solid #004644;
}
.hr{
    position: relative;
}
.hr:before, .hr:after{
    content:" ";
    width: 6px;
    height:6px;
    border-radius: 3px;
    background-color: #004644;
    position: absolute;
    top:-2.25px;
}
.hr:before{
    left:-1px;
}
.hr:after{
    right:-1px;
}
main{
    background-color: #fff5ec;
    margin:8rem 0 2rem;
}
main.menu{
    margin:20rem 0 2rem;
}
section{
    padding:1rem 1rem;
    max-width: 60rem;
    margin: auto;
}
.home nav&gt;.logo img{
    display: none;
}
.home&gt;.logo{
    position: sticky;
    top:1.5rem;
    display: block;
    left:calc(50% - 5rem);
    z-index: 1;
    width:10rem;
    height:10rem;
    border-radius: 5rem;
    margin-top: 15rem;
    z-index: 3;
    cursor: pointer;
}
.home&gt;.headline{
    background-image: url(/images/homepage.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 25rem;
    background-position: center;
    position: fixed;
    top:0;
    width:100%;
    left:0;
    height: 30rem;
    z-index: -1;
}
.button ~ p{
    margin-bottom: 3rem;
}
table{
    text-align: left;
    width:100%;
    max-width: 60rem;
    margin: 1rem 0;
}
thead{
    font-weight: 500;
    font-size: .8rem;
}
thead th{
    color:#004644;
    font-size: 1.25rem;
    text-decoration: underline;
}
tbody th, tbody td{
    padding:.25rem 0;
}
.headline{
    background-image: url(/images/red-fern-waffle.jpeg);
    background-size: cover;
    background-position: bottom -4rem center;
    height: 30vh;
    width: 100vw;
    position: fixed;
    z-index: -1;
    top:0;
    left:0;
    margin:0;
}
.waffles div{
    margin:1rem 0;
    display:flex;
    flex-wrap:wrap;
    align-items: baseline;
}
.waffles *{
    margin:0 1rem 0 0;
}
.waffles p&gt;a{
    margin:0;
}
h3{
    text-decoration: underline;
}
.waffles h4{
    color:#000;
}
.waffles&gt;div&gt;p:last-child{
    flex-basis:100%;
}
th, strong{
    font-weight: 500;
}
footer{
    background-color: #004644;
    color:#fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 1rem;
    padding:1rem;
}
footer a, footer h2, footer h3{
    color:#fff;
}
footer h2{
    margin:0;
}
.social{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
}
.social a&gt;img{
    width:3rem;
    height: 3rem;
}
figure{
    margin:0;
    position: relative;
}
figcaption{
    position: absolute;
    bottom: 1.25rem;
    left: 0;
    width: 100%;
    height: 1.5rem;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    text-align: center;
}
@media (min-width:700px){
    .headline{
        background-position: bottom -10rem center;
        height: 35vh;
    }
    main.menu{
        margin-top: 35vh;
    }
    .gallery{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
        background-color: #fff;
    }
    .gallery img{
        height: 25vh;
    }
    .pic-n-text{
        display: flex;
        gap: 2rem;
    }
    .pic-n-text img{
        width: 33%;
    }
    .one-two{
        display:grid;
        grid-template-columns: 2fr 3fr;
        gap:1rem;
    }
    .two-one{
        display:grid;
        grid-template-columns: 3fr 2fr;
        gap:1rem;
    }
    .two-one .hr{
        grid-column:1/3;
        align-self: center;
    }
    .two-one .hr:before, .two-one .hr:after{
        top:4.5px;
    }
}
@media (min-width:1000px){
    main.menu{
        margin:40vh auto 2rem;
    }
    .home&gt;main{
        margin-top:5rem;
    }
    main{
        margin-top: 12rem;
    }
    .headline{
        height: 40vh;
    }
    footer{
        justify-content: space-between;
    }
    .logo, .home&gt;.logo{
        width:16rem;
    }
    .home&gt;.logo{
        left: calc(50% - 9rem);
    }
    .logo img{
        top:-5rem;
        left:0;
        width:12rem;
        height: 12rem;
        padding:2rem;
        border-radius: 8rem;
    }
}</pre></body></html>