@use "../../theme/breakpoints" as *;

.login-page {
    height: 100dvh;

    .logo-container {
        img {
            height: 60px;
            width: auto;
            margin-top: 1rem;
            padding-left: 1rem;
        }
    }

    .content-container {
        // Height of logo container
        min-height: calc(100% - 80px);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 2rem;
        padding: 0 5% 5%;

        @media screen and (max-width: $breakpoints-sm) {
            position: relative;
            padding: unset;
        }
    }
}