#home {
    text-align: center;
    .page-title {
        font-size: 30px;
    }
    @media (min-width: @screen-sm-min) {
        padding: 50px;
        .page-title {
            font-size: 45px;
            margin-top: -20px;
            margin-bottom: 45px;
        }
    }
    .btn-home {
        margin: 50px 0 25px 0;
    }
}


#web, .terminal {
    word-wrap: break-word;
    font-size: 12px;
    .code-title {
        color: @red;
    }
    padding: 25px 0 0 10px;
    @media (min-width: @screen-sm-min) {
        padding: 25px 0 0 20px;
        font-size: 15px
    }
    code {
        font-family: @font-family-mono;
    }
    font-family: @font-family-mono;

    text-align: left;
    color: #fff;
    .transition(all @animation-duration ease);
}


#web {
    margin-top: -2px;
    padding-top: 0;
    padding-bottom: 50px;
    width: 100%;
    display: block;
    background: @dark-blue;
    .transition(all @animation-duration ease);
    .btn-cta {
        padding: 5px 10px;
        font-size: 14px;
        border-color: #fff;
    }
    .queue {
        margin: 0;
        list-style: none;
        padding: 0;
    }
    a {
        color: #fff;
    }
      .border-bottom-radius (5px);

}
 .dragged {
        background: lighten(@dark-blue, 5%)!important;
}

.terminal {
     .border-top-radius (0);
    .border-bottom-radius (5px);
    background: @dark-blue;
 //   background: url(../images/terminal.svg);
    backbground-repeat: no-repeat;
    background-size: cover;
}

.terminal-top {
    .border-top-radius (5px);
    background: url(../images/terminal-top.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 30px;
}

.upload-progress {
    max-width: 80%;
    .bar {
        word-wrap: normal;
        overflow: hidden;
    }
    span {
        float: right;
    }
    padding-top: 4px;
}

.all-files {
    display: none;
}

.all-files .show {
    display: block;
}