/* Copyright © 2017 Dmitry Sikorsky. All rights reserved. */
/* Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information. */

body {
    font: normal 25px 'Open Sans', sans-serif;
    margin: 0;
    padding: 25px;
}

h1, h2, p {
    margin: 20px 0 0;
    padding: 0;
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 37.5px;
}

input, button {
    font: normal 25px 'Open Sans', sans-serif;
}

.field {
    margin-top: 20px;
}

.buttons {
    margin-top: 20px;
}

.upload-button {
    border-radius: 100px;
    text-align: center;
    position: relative;
    width: 120px;
    height: 120px;
}

    .upload-button .label {
        line-height: 150px;
        pointer-events: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 150px;
        height: 150px;
    }

    .upload-button input {
        opacity: 0;
        cursor: pointer;
        font-size: 150px;
        width: 150px;
        height: 150px;
    }

.progress {
    background: #f0f0f0;
    /* margin-top: 30px; */
    position: relative;
}

    .progress .bar {
        background: green;
        width: 33%;
        height: 30px;
    }

    .progress .label {
        line-height: 30px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 30px;
    }