html,body{margin:0;padding:0}.movie{margin:0}.movie video{width:100%}.movie-bar{width:100%;height:5px;appearance:none;background-color:#ccc}.movie ::-webkit-progress-bar{background-color:#ccc}.movie ::-webkit-progress-value{background-color:red}.movie-time{text-align:right;font-size:10px;font-weight:bold;padding:0 5px}.movie-controls{display:flex;justify-content:space-between;margin:20px}.movie-controls button{border:none;background-color:#ccc;border-radius:10px;padding:10px;width:calc((100% - 45px)/4);font-size:10px;font-weight:bold}.movie-finish{margin:30px}.movie-finish p{font-size:12px;line-height:1.6}.movie-finish ul{list-style:none;margin:0;padding:0}.movie-finish ul li{margin-bottom:20px}.movie-finish ul li:last-child{margin-bottom:0}.movie-finish ul li a{display:block;background-color:#ccc;padding:10px;text-align:center;text-decoration:none;color:#000;font-size:14px;line-height:1;font-weight:bold;border-radius:10px}