.main {
    background-image: url(/assets/backgrounds/fireblu.gif);
}
.titlebox {
    display:flex;
    justify-content: center;
}
.mainbox {
    display:flex;
    flex-direction: column;
    align-items: center;
    background-color:white;
    width: 70vw;
    margin: 0 auto;
    padding-bottom: 20px;
}
.header {
    font-family: 'Times New Roman', Times, serif;
    font-size: clamp(35px,3.7vw,60px);
    text-wrap: nowrap;
    color:white;
    background-color: transparent;
    text-shadow: 5px 5px 5px black;
}
.navbar {
    display:flex;
    justify-content: center;
    background-color: rgb(165, 165, 165);
    flex: 1;
    width:70vw;
}
.navtab {
    display:flex;
    align-items: center;
    padding-right: 2%;
    flex: 1;
}
.navtab:hover {
    background-color: rgb(134, 134, 134);
}
.active,.active:hover {
    background-color: rgb(114, 114, 114);
}
.navicon {
    height: 70px;
    padding: 3%;
}
.paragraph {
    background-color: white;
    border-color: black;
    flex:1;
    font-size:clamp(35px,3.7vw,30px);
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
}
.smiley {
    height:min(30vw,500px);
    margin-bottom: 5%;
}
@media (max-aspect-ratio: 0.85) {
    .navbar {
        flex-wrap: wrap;
    }
    .navtab {
        flex: 0 0 48%
    }
}
.galleryshelf {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:10px;
    margin-top: 20px;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
}
.gallerypiece {
    height: 250px;
}
.navtabgallery {
    display:flex;
    align-items: center;
    padding-right: 2%;
    flex: 1;
    justify-content: center;
}
.navtabgallery:hover {
    background-color: rgb(134, 134, 134);
}
video {
    display:block
}
.crossword {
    margin-top: 10px;
}