:root {
    --bar-width: 250px;

    --stripe-first-color: #c3dafe;
    --stripe-second-color: #667eea;
    --stripe-third-color: #3c366b;

    --stripe-width: 10px;
}

body,
html {
    height: 100%;
    overflow-x: hidden;
}

body {
    background-color: #333;
    font-family: Arial, Helvetica, sans-serif;
}

[type='file'] {
    display: none;
}

[type='file'] + label::after {
    content: 'Upload a text file here and it will be rendered below!';
    text-align: center;
    position: absolute;
    color: white;
    height: 100px;
    width: 300px;
    background-color: #111;
    cursor: pointer;
    left: 50%;
    top: 10%;
    transform: translate(-50%, 0%);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}

#content {
    max-width: 768px;
    line-height: 1.5rem;
    font-size: 1.2rem;
    color: white;
    top: calc(15% + 100px);
    margin: 0 auto;
    position: relative;
}