/**
 * @file
 * Float clearing.
 *
 * Based on the micro clearfix hack by Nicolas Gallagher, with the :before
 * pseudo selector removed to allow normal top margin collapse.
 *
 * @see http://nicolasgallagher.com/micro-clearfix-hack
 */

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.zoom {
    padding: 2px;
    background-color: green;
    transition: transform .2s; /* Animation */
    width: 580px;
    height: 350px;
    margin: 0 auto;
}

.close{
color: #FFF;
background-color:black;
opacity: .9;
}


.spc {
    padding: 8px;
}

.speedcontrolcontainer {
    max-width: 42em;
    display: block;
    border: 1px solid #000;
    padding: 8px;
    font-family: Sans-serif;
}

  .speedcontrolcontainer div {
        display: flex;
        padding: .5em 0;
        gap: 5px;
    }

    .speedcontrolcontainer label {
        max-width: 10em;
        flex: 2
    }

    .speedcontrolcontainer input[type="range"] {
        flex: 5
    }

    .speedcontrolcontainer span {
        flex: 1;
        text-align: center;
    }

.link span {
    text-align: center;
    display: block;
}

.link {
    display: inline-block;
}