:root {
    --green: #668350;
    --green_white: #e8f9e6;
    --green_light: #bfddbc;
    --green_darker: #4e6e3e;
}

body {
    background: linear-gradient(270deg, #f7f7f7, #d3e4d1, #f6f9f5);
    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(47%) sepia(15%) saturate(579%) hue-rotate(51deg) brightness(93%) contrast(89%);
}

@media screen and (max-width: 800px) and (orientation: portrait)  {
    .section_box .section img {
        filter: brightness(0) saturate(100%) invert(47%) sepia(15%) saturate(579%) hue-rotate(51deg) brightness(93%) contrast(89%);
    }
}