* {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-style: normal;

    /* font-family: "Khand", sans-serif; */
    font-family: "Bungee Tint", sans-serif;
}

/* 
.khand-light {
    font-family: "Khand", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.khand-regular {
    font-family: "Khand", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.khand-medium {
    font-family: "Khand", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.khand-semibold {
    font-family: "Khand", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.khand-bold {
    font-family: "Khand", sans-serif;
    font-weight: 700;
    font-style: normal;
} 
*/

body {
    padding: 0 10px;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: black;
}

.main {}

/* Header */
.Header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
}

.Header_Icon {
    width: 30px;
}

.Header_Content {
    text-align: center;
    font-weight: 500;
}

.Website_URL {
    gap: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Header_Verified_Icon {
    width: 12px;
    padding-bottom: 2px;
}


/* Images */

.All_Images {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Image_Card {
    /* min-width: 250px; */
    /* max-width: 300px; */
}

.Only_Image {
    width: 180px;
    aspect-ratio: 0.6;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.Image_Title {
    width: 180px;
    font-size: 12px;
    padding-top: 5px;
    text-align: center;
    text-transform: capitalize;
    font-family: "Bungee Tint", sans-serif;
}

.Video_Image_Title {
    width: calc(100vw - 20px);
    max-width: 400px;
}

.Video_Image {
    width: calc(100%);
    max-width: 400px;
}

/* Page & Type */
.Selection_Parent {
    display: flex;
    align-items: center;
    justify-content: space-around;

}

.Type_Page_Section,
.Home_Button {
    display: flex;
    align-items: center;
    justify-content: space-between;

    bottom: 2px;
    position: fixed;

    padding: 8px;
    margin: 0px 10px;
    border-radius: 8px;
    background-color: #000;

    width: calc(100vw - 36px);
}

.Home_Button {
    width: auto;
    color: white;
    padding: 8px 24px;
    background-color: #ab46d2;
}

.Type_Section,
.Page_Section {
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Content_Type,
.Page_Button,
.Page_Number {
    padding: 5px 0px;
    font-weight: 600;
    border-radius: 5px;
    text-align: center;
    font-family: "Bungee Tint", sans-serif;
}

.Content_Type,
.Page_Button {
    width: 70px;
    cursor: pointer;
    background-color: #CAC9C7;
}

.Selected_Type {
    color: white;
    /* transform: scale(1.15); */
    background-color: #ab46d2;
}

/* Page Buttons */
.Page_Button {
    color: white;
}

.Page_Number {
    color: #FFF;
    font-size: 16px;
    background-color: black;
}

.footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 50px 0px;
}