@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;0,500;0,600;0,700;0,800;0,900;1,300&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
}

:root{
    --Orange: #FF8324;
    --Gurple: #3A279A;
    --Green: #31ed5c;
    --Red: #ff0033;
    --dark: #141318;
    --dark2: #333;
    --dark3: #999;
    --Light: #F9F9F9;
    --light2: #eee;
    --light3: #ccc;
}

body{
    background-color: var(--dark);
}

body a{
    color: inherit;
    text-decoration: none;
}

.sectionError{
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.sectionError img{
    width: 95%;
    max-width: 500px;
}

.sectionError button{
    width: 100%;
    padding: 0 1em;
    height: 50px;
    margin: 1em auto;
    cursor: pointer;
    border-radius: 5px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--Gurple);
    box-shadow: 0 7px 0 #291b72;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 20px;
    color: var(--Light);
    text-shadow: 0 0 10px #ffffff50;
    transition: all ease-in-out .1s;
}

.sectionError button:hover{
    filter: brightness(1.3);
    transition: all ease-in-out .1s;
}

.sectionError button:active{
    box-shadow: 0 3px 0 #291b72;
    transform: translateY(5px);
    transition: all ease-in-out .1s;
}