body {
    font-family: 'Noto Sans', sans-serif;
    color: #616161;
    background-color: #f6921e;

}

.container {
    margin: auto;
    max-width: 1024px;
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;

}

.box {
    width: auto;
    height: auto;
    background: #fff;
    margin-top: 5%;
    margin-left: 10%;
    margin-right: 10%;
    border-radius: 5px;
    box-shadow: 6px 18px 18px rgba(0, 0, 0, 0.08), -6px 18px 18px rgba(0, 0, 0, 0.08);
    padding: 1rem 1rem 2rem 1rem;
}

h1 {
    font-size: 32px;
    font-weight: 400;
    padding-bottom: 1rem;
}

h2 {
    font-weight: 700;
    color: #616161;
    padding-bottom: 1rem;
}

a {
    color: #f6921e;
    font-weight: bold;
    padding: 1rem;
}

a:hover {
    color: grey;
    font-weight: bold;
    text-decoration: underline;
}

a:visited {
    color: #f6921e;
}

span{
    margin-top: 10%;
}

#error-oops {
    font-size: 72px;
    font-weight: bold;
    background: -webkit-linear-gradient(#eee, #f6921e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}