body {
    background-color: rgb(50, 50, 50);
    color: rgb(200, 200, 200);
}

#main-page {
    width: 100vw;
    height: 100vh;
    padding-top: 15%;
    text-align: center;
}

.home-name {
    font-family: "Dancing Script", cursive;
    font-size: 6em;
}

.home-menu {
    display: flex;
    justify-content: center;
}

.home-hr {
    width: 50%;
    border: 1px solid rgb(200, 200, 200);
    margin: 20px auto;
}

.menu-btn {
    margin: 10px;
    padding: 5px 12px;
    border: 2px solid rgb(200, 200, 200);
    color: rgb(200, 200, 200);
    text-decoration: none;
    font-size: .9rem;
}

.menu-btn:hover {
    background-color: rgb(200, 200, 200);
    color: rgb(50, 50, 50);
    text-decoration: none;
}



.page-title {
    font-family: "Dancing Script", cursive;
    font-size: 4em;
    margin-bottom: 20px;
}

.page-title-hr {
    width: 30%;
    border: 1px solid rgb(200, 200, 200);
    margin: 10px auto 30px auto;
}

.tshirt-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}
.tshirt-item {
    height: 300px;
    margin-bottom: 20px;
}
.tshirt-item img {
    height: 100%;
    border: 2px solid rgb(200, 200, 200);
    border-radius: 8px;
}

.artwork-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}
.artwork-item {
    height: 300px;
    margin-bottom: 20px;
}
.artwork-item img {
    height: 100%;
    border: 2px solid rgb(200, 200, 200);
    border-radius: 8px;
}