@media screen and (max-width:420px) and (max-height: 950px) {
    .details-btn {
    min-width:88%;
}

.details-btn-para {
    font-size: 14pt !important;
}

    main {
        flex-direction:column-reverse;
        gap:1.5rem; 
    }

    #details-container{
        padding-top:1.5rem;
        border-top:2px solid #f00;
        border-right:unset;

        justify-content: start;

        height:100%;
    }

    #logo-title {
    display:flex;
    gap:8px;

    color: var(--primary-color);

    font-size:28pt;

    padding-left:2rem;
}
.star {
    height:50px !important;
}
#rating-title{
    font-size:28pt;
}


.poll-item {
    font-size:11pt;
}
}

@media screen and (max-height:420px) and (max-width: 950px) {
    .details-btn {
    min-width:88%;
}
    #details-container{
        padding-top:3.5rem;

    }

    .details-btn-para {
    font-size: 14pt !important;
}
      #logo-title {
    display:flex;
    gap:8px;

    color: var(--primary-color);

    font-size:28pt;

    padding-left:2rem;
}

/* stars */
.star {
    height:50px !important;
}
#rating-title{
    font-size:28pt;
}

.poll-item {
    font-size:11pt;
}
}