@import "./constants.css";

main{
    height: 100%;
    background-color: var(--colorPrimaryDark);
}

section {
    height: 100%;
    color: var(--colorWhite);
    margin: 0 var(--margin);
}

.error-container {
    display: flex;
    flex-direction: column;
    margin-top: 5em;
}  

.error-container .text {
    margin-top: 2em;
    line-height: 1.6em;
    font-family: Open-Sans, 'Segoe UI', sans-serif;
    font-size: var(--hfbody);
    text-transform: uppercase;
}

.error-container img {
    width: 9em;
}   

.error-container a {
    outline: none;
    border: none;  
    width: fit-content;
    min-height: 3em;
    margin-top: 1.9rem;
    box-shadow: #e3faf636 2px 2px 10px;
    background-color: var(--colorWhite);
    color: var(--colorPrimaryDarkDim);
    border-radius: 2.2rem;
    padding: 1rem 1.6rem;
    letter-spacing: -.01em;
    text-decoration: none;
    font-family: Open-Sans;
    font-weight: 600;
    line-height: var(--hf5);
    transition: all 0.65s ease-in-out;
}

.error-container a:hover {    
    box-shadow: var(--colorAccent) 2px 2px 10px;
}