body {
  background-color: #212121;
}

.main-container-wrapper {
  position: relative;
}

.main-container {
  max-width: 85em;
  margin: 0 auto;
  
}

.col-2-left {
  padding-top: 10px;
}

.col-2-right {
  padding-top: 10px;
  
}

.manipulator {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 30px;
}

.number {
  float: right;
  width: auto;
  padding-right: 13px;
  color: #F06292;
  font-weight: 600;
}

.file-button {
  position: absolute;
  box-shadow: 0 1px 4px rgba(255, 255, 255, .3);
  transition: background-color .3s;
  background-color: white;
  height: 50px;
  width: 50px;
  border-radius: 25px;
  top: 2%;
  left: 64%;
  text-align: center;
  opacity: 0.8;

} 

.file-button input[type=file] {
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
  height: 50px;
  width: 50px;
  z-index: 110;
}

.file-button .file-icon {
  text-decoration: none;
  color: #E91E63;
  display: block;
  outline: 0;
  margin-top: -35px;
}

.file-button span:hover {
  color: #F06292;
}

.download-button {
  position: absolute;
  box-shadow: 0 1px 4px rgba(255, 255, 255, .3);
  transition: background-color .3s;
  background-color: white;
  height: 50px;
  width: 50px;
  border-radius: 25px;
  top: 18%;
  left: 64%;
  text-align: center;
  opacity: 0.8;
}


.download-button: hover {
  box-shadow: 0 1px 4px rgba(255, 255, 255, .8);
}

.download-button a {
  text-decoration: none;
  color: #E91E63;
  line-height: 50px;
  display: block;
  outline: 0;
}

.download-button a:hover {
  color: #F06292;
}

label {
  float: left;
  width: auto;
  padding-left: 10px;
}

div.filter {
  width: 25%;
  padding-top: 52px;
  margin-bottom: 10px;
  float: left;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  color: #E91E63;
  cursor: pointer;
  background: top center no-repeat;
}

div.filter: hover {
  border-color: #afafaf;
}

.btnRotation {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: white;
  color: #E91E63;
  text-align: center;
  border-radius: 25px;
  position: absolute;
  cursor: pointer;
  left: 64%;
  opacity: 0.8;
}

#leftBtn {
  top: 26%;
  opacity: 0.8;
}

#rightBtn {
  top: 34%;
  opacity: 0.8;
}

video {
  position: absolute;
}

#cameraBtn {
  position: absolute;
  box-shadow: 0 1px 4px rgba(255, 255, 255, .3);
  transition: background-color .3s;
  background-color: white;
  height: 50px;
  width: 50px;
  border-radius: 25px;
  top: 10%;
  left: 64%;
  text-align: center;
  opacity: 0.8;
  cursor: pointer;  
  color: #E91E63;
  font-size: 20px;
  line-height: 50px;
}

#pencil {
  position: absolute;
  box-shadow: 0 1px 4px rgba(255, 255, 255, .3);
  transition: background-color .3s;
  background-color: white;
  height: 50px;
  width: 50px;
  border-radius: 25px;
  top: 42%;
  left: 64%;
  text-align: center;
  opacity: 0.8;
  cursor: pointer;  
  color: #E91E63;
  font-size: 20px;
  line-height: 50px;
}

.edit-box-title {
  padding-left: 10px
}

.edit-box-container {
  padding-left: 15px;
}