<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* @font-face {
    font-family: defaultFont;
    src: url('/public/fonts/bpg_extrasquare_mtavruli_2009.ttf');
}

body,
body * {
    font-family: defaultFont;
} */

@property --a {
    syntax: "&lt;angle&gt;";
    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');
}

.blueWaveBG{
    background-image: url('/public/Media/Backgrounds/rounded-waves.jpg');
}

.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;
}

@media only screen and (max-width: 600px) {
    .archiveFeaterImg{
        width: 100%;
    } 
}</pre></body></html>