:root {
    --green: #295F98;
    --green_white: #def1dc;
    --green_light: #93BFCF;
    --green_darker: #6096B4;
}

body {
    background: linear-gradient(270deg, #f7f7f7, #d6e4ed, #f5f8f9);
    background-size: 600% 600%;
    animation: ocean 15s ease infinite;
}

@keyframes ocean {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

#login img {
    filter: brightness(0) saturate(100%) invert(23%) sepia(18%) saturate(1400%) hue-rotate(182deg) brightness(95%) contrast(90%);
}

@media screen and (max-width: 800px) and (orientation: portrait)  {
    .section_box .section img {
        filter: brightness(0) saturate(100%) invert(23%) sepia(18%) saturate(1400%) hue-rotate(182deg) brightness(95%) contrast(90%);
    }
}