@charset "utf-8";

.mainscene {
    width: 460px; height: 445px;
}

.tutorialTitle {
    width: 398px;
}

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

.labelText {
    display: inline-block;
    position: relative;
    background-color: white;
}

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

#waveContainer {
    left: 3px;
    width: 170px; height: 197px;
    border: 2px solid black;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.7);
}

#waveACan,
#waveBCan {
    position: relative;
    width: 170px; height: 97px;
}

#dividingLine {
    position: relative;
    width: 170px; height: 2px;
    background-color: black;
}

#resultWaveCan {
    left: -3px;
    width: 169px; height: 197px;
    border: 2px solid black;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.7);
    background-color: white
}

#lblContainer {
    left: -81px; top: -170px;
}

#waveBLbl {
    left: -47px; top: 100px;
}

#resultWaveLbl {
    left: 76px; top: 55px;
}

.controlBack {
    display: inline-block;
    margin: 12px 0;
    padding: 8px 0;
    left: -15px; top: 6px;
    background: none;
    border: none;
}

.controlBack > div{
    display: inline-block;
    position: relative;
    top: 15px;
    width: 124px;
    margin: 2px 8px 0px;
}

#waveATitleText,
#waveBTitleText {
    left: 230px; top: -37px;
    margin: 0px -50px 8px;
}

.controlText {
    margin-bottom: 0;
}

.waveABack {
    margin-bottom: 0;
}

.ampSldrLbl {
    width: 130px;
}

#ampSldrA {
    display: inline-block;
    position: relative;
    width: 120px;
}

#waveSldrA {
    display: inline-block;
    position: relative;
    width: 120px;
}

#phaseSldrA {
    display: inline-block;
    position: relative;
    width: 120px;
}

.waveBBack {
    margin-top: 0;
}

#ampSldrB {
    display: inline-block;
    position: relative;
    width: 120px;
}

#waveSldrB {
    display: inline-block;
    position: relative;
    width: 120px;
}

#phaseSldrB {
    display: inline-block;
    position: relative;
    width: 120px;
}