body{margin:0;padding:0;font-family:sans-serif;font-weight:300;background:#1c1c25;color:#dcf0f2}*{-webkit-box-sizing:border-box;box-sizing:border-box}.App{text-align:center}.mb-header{text-align:left;font-size:20px;background-color:hsla(0,0%,100%,.1);padding:10px;color:#fff;font-weight:200;border-radius:0 0 5px 5px;-webkit-box-shadow:3px 3px 2px rgba(0,0,0,.1);box-shadow:3px 3px 2px rgba(0,0,0,.1)}.mb-title{font-size:1.5em}.mb-right{cursor:pointer;position:relative;float:right;margin-top:-25px}.mb-container{position:relative;width:90%;margin:50px auto;margin-top:130px}.mb-content{height:600px;border:2px solid #2dc3ce;border-radius:10px;padding:5px}.mb-control{position:absolute;margin-top:-80px;width:1200px;height:80px}.mb-control-option{position:relative;-webkit-filter:grayscale(1);filter:grayscale(1);width:200px;height:80px;background:none;border:3px double #2dc3ce;border-radius:5px;margin-top:-5px;margin-right:5px;float:left;background-size:cover;background-position:50% 50%;z-index:1}.mb-control-option.active{display:inline-block;-webkit-filter:grayscale(0);filter:grayscale(0);border-style:solid}.mb-control-option:hover{z-index:999;cursor:pointer;-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.1);box-shadow:2px 2px 3px rgba(0,0,0,.1);border:4px solid #fff;-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08);-webkit-transition:-webkit-transform .15s ease;transition:-webkit-transform .15s ease;-o-transition:transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease}.mb-page{width:100%;height:100%}.mb-page-header{text-align:right}.mb-page-row{text-align:left;width:100%;height:120px;line-height:50px;padding:15px;font-size:20px}.no-bg{background:none;border:none;-webkit-box-shadow:none;box-shadow:none}.bg-color1{background-color:#033f63}.bg-color2{background-color:#28666e;color:#eee}.bg-color3{background-color:#7c9885}.bg-color4{background-color:#b5b682;color:#333}.bg-color5{background-color:#fedc97}.customize-wrapper{height:70px}.customize-color-item{width:70px;height:70px;float:left;border:1px solid #fff}#video-playback{border-radius:10px}.customize-color-item:hover{cursor:pointer;-webkit-transition:-webkit-transform .15s ease;transition:-webkit-transform .15s ease;-o-transition:transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease;-webkit-transform:scale(1.1) rotate(5deg);-ms-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg);border:5px solid #fff}.selectedColor{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);border:5px solid #fff}.button-save{width:200px;height:60px;font-size:25px;border-style:none;background:#eee;font-weight:300;color:#111;border:1px solid #ccc}.button-save:hover{cursor:pointer;background:#28666e;color:#eee;-webkit-transition:color,background .15s ease;-o-transition:color,background .15s ease;transition:color,background .15s ease}.button-save:active{cursor:pointer;background:#7c9885;color:#fff;-webkit-transition:color,background .05s ease;-o-transition:color,background .05s ease;transition:color,background .05s ease}.last-row{text-align:center;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;bottom:0}.small{font-size:12px}@media only screen and (max-width:700px){.mb-container{margin-top:290px}.mb-control{width:100%;margin-top:-250px}.mb-control-option{width:100%;margin-bottom:10px}}
/*# sourceMappingURL=main.8958d6fd.css.map*/