* {
    margin: 0;
}

body {
    margin: 0;
}

.main-content {
    width: 100vw;
    min-height: 100vh;
    background: url('/static/src/fondo1.png');
    background-repeat: repeat;
    background-size: 1000px auto;
    background-color: rgb(255 255 255 / 83%);
    background-blend-mode: lighten;
}

.header {
    background: linear-gradient(12deg, var(--color-azul) 60%, var(--color-naranja) 60%);
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.header img {
    width: 16rem;
}

.links-container {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.logout-btn,
.links-container a {
    background: none;
    border: none;
    font-family: MusticaPro-Light;
    color: white;
    font-size: medium;
    cursor: pointer;
    text-decoration: none;
}