/* Need to find better purples for the color scheme */
:root {
    --bg-dark: #2A1045;
    --primary-purple: #4B276A;
    --secondary-purple: #7A4E9E;
    --accent-light: #C58FEF;
    --text-light: #E6E6E6;
}

body {
    padding: 60px;
    /* background-color: var(--bg-dark);
    color: var(--text-light); */
}

.alert-custom {
    max-width: 300px;
    margin: 1rem auto;
}

.main-card{
    min-width:320px;
    max-width: 400px;
}
.img-card{
    min-width: 250px;
    min-height: 250px;
    max-height: 250px;
    max-width: 250px;
}

.custom-btn{
    max-height: 150px;
    max-width: 150px;
    text-align: center;
}

.find-out-more{
    transition-delay: 0.1s;
    background-color: black;
    opacity: 0.85;
}

/* UI Buttons */
.dislike-like-btn{
    max-height: 100px;
    max-width: 120px;
}

.model-btn{
    max-height: 50px;
    max-width: 50px;
}

.back-btn{
    max-height: 50px;
    max-width: 50px;
}

.icons{
   max-height: 50px;
   max-width: 50px;
}