* {
    margin: 0px;
    padding: 0px;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Write Review Section */
.write-review {
    width: 100%;
    height: 130px;
    background-color: #101D25;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 245px;
}

/* Write a review Button Styling */
.write-review button.btn-cinesense {
    font-family: 'Inter-ExtraBold';
    font-size: 20px;
    line-height: 27px;
    color: whitesmoke;
    border-color: whitesmoke;
}

.write-review button.btn-cinesense:hover, .write-review button.btn-cinesense:active {
    background-color: white;
    border-color: white;
    color: black;
}

/* Write Review Text Styling */
.write-review p {
    color: whitesmoke;
    margin: 0;

    font-family: 'Sansation-Italic';
    font-size: 20px;
    line-height: 27px;
}

/* Search Bar Section */
section.search-bar-section {
    width: 100%;
    height: 114px;
    background-color: #333333;

    display: flex;
    align-items: center;
    justify-content: center;
}

section.search-bar-section input#search-bar {
    width: 800px;
    height: 70px;
    padding: 24px 64px;

    color: whitesmoke;
    background-color: #4D4D4D;
    border: none;
    border-radius: 35px;
}

section.search-bar-section input#search-bar:focus {
    outline: none;
    border: 1px solid whitesmoke;
}

section.search-bar-section input#search-bar:focus::-webkit-search-cancel-button {
    -webkit-appearance: none; /* remove default */
    height: 16px;
    width: 16px;
    background: url('/static/icons/close.svg') no-repeat center; /* custom icon */
    cursor: pointer;
}

/* Sorting and Filtering Section */
section.filter-sort-section {
    width: 100%;
    height: auto;
    background-color: #333333;

    padding: 28px 55px;
    
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 20px;
}

section.filter-sort-section > * {
    margin: 0;
}

/* Filter By Reviewer Dropdown, Sort by upvotes button */









/* Actual Reviews Section */
.reviews-section {
    flex: 1;
    width: 100%;
    background-color: #333333;
    
    padding: 75px 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reviews-section .reviews-container {
    /* width: 100%; */
    max-width: 1080px;
    /* min-height: 100%; */

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 55px;
    column-gap: 20px;
    align-items: center;
    justify-content: center;
}

.reviews-section .review-card-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.reviews-section .review-card-container .review-card-image-container {
    box-sizing: border-box;
    width: 200px;
    height: 300px;
    overflow: hidden;
}

.reviews-section .review-card-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.reviews-section .review-card-container h4, .reviews-section .review-card-container p {
    margin: 0px;
    padding: 0px;
}

.reviews-container .star-container {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.reviews-container .star-container img {
    width: 26px;
    height: auto;
}