@property --a {
    syntax: "<angle>";
    inherits: false;
    initial-value: 60deg;
}

@keyframes bgrotate {
    from {
        --a: 29deg;
    }

    to {
        --a: 420deg;
    }
}

.page-header {
    height: 60vh;
    /* margin-top: 5rem; */
    background: rgb(2, 0, 36);
    background: repeating-linear-gradient(var(--a), rgb(8, 1, 143) 0%, rgb(14, 14, 157) 15%, rgb(0, 182, 219) 100%);
    animation-name: bgrotate;
    animation-direction: alternate;
    animation-duration: 2s;
}

.about,
.blueWaveBG {
    background-size: cover;
    background-position: center;
}

.about, .firstWaves {
    /* background-image: url('/public/Media/Backgrounds/waves.jpg'); */
    background: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
}

.blueWaveBG{
    /* background-image: url('/public/Media/Backgrounds/rounded-waves.jpg'); */
    background: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
}

.forauthors {
    background: rgb(2, 0, 36);
    background: linear-gradient(143deg, rgba(2, 0, 36, 1) 10%, rgba(9, 9, 121, 1) 29%, rgba(0, 212, 255, 1) 90%);
}

.archiveFeaterImg{
    width: 250px;
}

#mainCarouselFade .sliderImg{
    height: 75vh;
    background-size: cover;
    background-position: center;
}

.letters-list{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-evenly; */
}

.letters-list .letter{
    width: 50px;
    text-align: center;
}

.letters-list .letter a{
    text-decoration: none;
    color: black;
}

nav{
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 600px) {
    .archiveFeaterImg{
        width: 100%;
    } 
}