body{
    padding:0;
    margin:0;
    color:white;
}

#vid{
    display:block;
    margin:auto;

}

#vidcontainer{
    margin-top:50px;
}

#vidinfo{
    width:50%;
    font-size:110%;
    margin:auto;
}

#info{
    width:50%;
    margin:20px 10% 0%;
    padding:0% 15% 2%;
    float:left;
    font-size:110%;
}

a{
    padding:0px;
}

#save_folder{
    
    width:50%;
    margin:0% 10%;
    padding:0% 15% 2%;
    float:left;
        font-size:110%;

}

#upload{
        font-size:110%;
    width:50%;
    margin:0% 10%;
    padding:0% 15% 2%;
    float:left;

}

.inputfile {
    padding:5px;
    background-color:#ff4d4d;
    color:#f2f2f2;
    margin:10px 0px;
    text-align:center;
    text-decoration: none;
}

.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color:  #ff4d4d;
    display: inline-block;
    margin:auto;
    padding:10px;
}

.inputfile:focus + label,
.inputfile + label:hover {
    color:#ff4d4d ;
    background-color:white;
}

.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}

.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}


#file{
    
    padding:5px;
    background-color:#66cc99;
    color:#f2f2f2;
    margin:10px 0px;
    text-align:center;
    text-decoration: none;
}

#save_folder a:hover {
  text-decoration: underline;
background-color:#f2f2f2;
    color:#66cc99;
}

#save_folder a:active {
  text-decoration: underline;
background-color:#f2f2f2;
    color:#66cc99;
}