.wrapper {
    @apply w-[90%] h-96 
    rounded-[10px];
    background: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1380px) {
    .wrapper {
        @apply ml-0
    }
    }

.bar {
    @apply bg-gold-300  h-10 w-full rounded-t-lg top-0
    font-Coda text-[1.65rem] text-deepsea-500 inline-block;
        user-select: none;
        -webkit-user-drag: none;
}
.closeButton {
    @apply bg-gold-300 h-full cursor-pointer w-[3rem] float-right
    grid place-items-center transition-colors
    hover:bg-gold-400
}
.input_wrapper {
    @apply h-9 w-[100%] rounded-b-[8px] bg-white-500
    ;
}
.input {
    @apply h-9 pl-2
    bg-white-500 text-deepsea-500
    font-Coda rounded-bl-[8px] text-lg;
    width: calc(100% - 3rem)
}
.submit_button {
    @apply bg-mint-500 h-9 w-[3rem] float-right
    grid place-items-center transition-colors
    hover:bg-mint-600
}