@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/css?family=Roboto');

.error {
    display: flex;
    height: 100vh;
    margin: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url('../../Images/pattern_black.png');
    background-size: cover;
    background-position: center;
    font-family: 'Roboto', sans-serif;
    background-color: #4d4d4d;
    color: #ffffff;
}

    .error h1 {
        margin: 0;
        font-size: 100px;
        font-family: 'Quicksand', sans-serif;
        color: #f87424;
    }

    .error h2 {
        margin: 8px;
    }

    .error h2 {
        font-weight: 400;
    }

    .error p {
        font-size: 18px;
        margin: 0;
    }

    .error a,
    .error a:visited,
    .error a:hover,
    .error a:active {
        color: #f87424;
        text-decoration: none;
    }