.dropbox{outline:2px dashed grey;outline-offset:-10px;background:#e0ffff;color:#696969;padding:10px 10px;position:relative;cursor:pointer}.top_heading{background-color:#000;color:#fff;padding:.5rem 1rem;display:inline-block;margin:0 0 1rem 0}.input-file{opacity:0;height:115px;position:absolute;cursor:pointer;width:100%;left:0}.dropbox:hover{background:#add8e6}.dropbox p{font-size:1.2em;text-align:center}.main_heading{text-align:left;font-size:25px;color:#fff;display:inline-block;vertical-align:middle;margin:10px}.right{float:right}.button{background-color:#4caf50;border:none;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:16px}.button,.fileName{padding:10px;margin:8px}.header{background-color:#639;text-align:left;margin-bottom:1rem}.tabs{background-color:#337ab7;width:32%;margin:1rem auto;border-radius:100px}.tabs__item{display:inline-block;margin:0 -2px;padding:10px;padding-bottom:8px;font-size:16px;letter-spacing:.8px;color:#fff;text-decoration:none;border:none;background-color:transparent;border-bottom:2px solid transparent;cursor:pointer;-webkit-transition:all .25s;transition:all .25s}.tabs__item:focus{outline:none}.tabs__item_active{background-color:#25435d}.tabs__item:first-child{margin-left:0}.tabs__active-line{position:absolute;left:0;height:2px;background-color:#00f;-webkit-transition:width .4s ease,-webkit-transform .4s ease;transition:width .4s ease,-webkit-transform .4s ease;transition:transform .4s ease,width .4s ease;transition:transform .4s ease,width .4s ease,-webkit-transform .4s ease;display:none}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;max-width:1160px;margin:0 auto}