@charset "utf-8";

/** This shrinks the loading screen for smaller tutorials. 
    May need to play around with the value per each tutorial **/
.splashBackground {
    -moz-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -o-transform: scale(0.6, 0.6);
    -webkit-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
}

.mainscene {
    width: 270px; height: 465px;
}

.mainWindow > *{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.labelText {
    display: block;
    position: static;
    margin: 10px;
}

.mainWindow {
    width: 90%; height: 60%;
    display: inline-block;
    background: none;
    border: none;
    margin-top: 12px;
}

#phaseContainer {
    left: -8px;
    width: 115px; height: 315px;
}

#imgContainer {
    position: absolute;
    left: 12px; top: 20px;
    width: 115px; height: 315px;
}

#imgContainer > img {
    position: relative;
    display: inline-block;
    margin: 0 10px 21px 0;
}

#phaseCan {
    position: absolute;
    left: 0px; top: 0px;
    width: 115px; height: 315px;
}

#lineCan {
    position: absolute;
    left: 22px; top: 114px;
    width: 86px; height: 147px;
}

.controlBack {
    display: inline-block;
    margin: 0 3px 18px 3px;
}

#magSldr {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 120px;
}