@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap");

.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    background: linear-gradient(330deg, #0e012cd8, #3a0374b7, #000000);
    z-index: var(--z-fixed);
    transition: 0.5s;
}

.modalestyle {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    background:linear-gradient(275deg, #e3b45f, #026276, #000000);
    z-index: var(--z-fixed);
    transition: 0.5s;
}