body {
    
}

.clear {
    clear: both;
}

#wrapper {
 width: 90%;
}

.navBar {

}

.navBar > ul {
    list-style: none;
    display: flex;
    gap: 2rem;
    text-align: center;
}

.navBar > ul > li {
    flex: 0 0 50%;
}

#title {

}

#title > h1 {
    width: fit-content;
    text-align: center;
    margin: auto;
    padding: 20px;
}

#previewCarousel {

}

#previewCarousel > ul {
    width: 100vw;
    height: 300px;
    padding: 10px;
    display: flex;
    gap: 4vw;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
}

#previewCarousel > ul > li {
    list-style-type: none;
    padding: 10px;
    
    flex: 0 0 100%;
    scroll-snap-align: center;
}

.navBlock {
    width:50%;
    float:left;
}

.recentWords {

}