@charset "utf-8";

#container{
    background: url("resource/bg.png") no-repeat;
}
.btn{
    position: absolute;
    width: 411px;
    height: 411px;

    transition: all ease 0.2s;
}
.btn:nth-child(1){
    left: 54px;
    top: 153px;
}
.btn:nth-child(2){
    left: 515px;
    top: 348px;
}
.btn:nth-child(3){
    left: 975px;
    top: 163px;
}
.btn:nth-child(4){
    left: 1469px;
    top: 262px;
}
.over{
    transform: scale(1.05);
}

.teacher_btn{
    position: absolute;
    left: 1585px;
    top: 848px;
}
.teacher_btn *{
    position: absolute;
    display: none;
}
.teacher_btn .balloon{
    display: none;
    left: -320px;
    top: -170px;
}
.teacher_btn .snail_line{
    pointer-events: none;
    left: -4px;
    top: -5px;
}
.teacher_btn .snail{
    width: 264px;
    height: 196px;
}