@charset "utf-8";

.mainscene{
    width: 400px; height: 450px;
}

.splashBackground {
    -moz-transform: scale(.9, .9);
    -ms-transform: scale(.9, .9);
    -o-transform: scale(.9, .9);
    -webkit-transform: scale(.9, .9);
    transform: scale(.9, .9);
}

.controlBack{
    display: inline-block;
    margin: 12px 3px;
    top: -175px; left: 100px;
}

.slider {
    height: 81px;
}

#canvas1 {
    position: relative;
    top: -9px; left: -55px;
}

#canvas2 {
    position: relative;
    top: -164px; left: 10px;
}

#canvas3 {
    position: relative;
}

#canvas4 {
    position: relative;
}

#filterContainer {
    position: absolute;
    width: 111px; height: 144px;
    top: 294px; left: 46px;
}

#filterText {
    position: relative;
    top: -53px;
}

#lens {
    position: relative;
    width: 123px; height: 162px;
    top: -205px; left: -167px;
}

#main {
    position: absolute;
    top: 62px; left: 43px;
}

#mainWindow{
    width: 90%; height: 60%;
    display: inline-block;
}

#mask1 {
    position: relative;
    top: -9px; left: -185px;
}

#mask2 {
    position: relative;
    top: -164px; left: -73px;
}

#mask3 {
    position: relative;
    top: -88px; left: 0px;
}

#mask4 {
    position: relative;
    left: -1px; top: -83px;
}

#objectContainer {
    position: absolute;
    width: 111px; height: 129px;
    top: 300px; left: 207px;
}

#objectText {
    position: relative;
    top: -45px; left: -2px;
}