@use '../../theme/colors' as *;

#error-page-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;

    .header {
        width: 100%;
        background: $main-color;
        text-align: center;
        padding: 2rem;

        img {
            max-width: 300px;
        }
    }

    .content {
        font-size: 1.2rem;
        padding: 2rem;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        a.back {
            margin-top: 2rem;
            margin-bottom: 1rem;
        }
    }
}