*{

    overflow: hidden;

}

.tborder{
    position: absolute;

    /*border: 2px solid aqua;*/
    z-index: 4;
}
#tborder1{
    width: 49vw;
    height: 79vh;
    top: 20vh;
    left: 0vw;
}
#tborder2{
    width: 45vw;
    height: 53vh;
    top: 19vh;
    left: 58vw;
}

#tborder3{
    width: 10vw;
    height: 12vh;
    top: 72vh;
    left: 62vw;
}

#tborder4{
    width: 10vw;
    height: 25vh;
    top: 45vh;
    left: 35vw;
}

.tpicture{
    position: absolute;
    z-index: 2;
    width: 100vw;
    height: 100vh;
}
.sign{
    position: absolute;
    width: 2rem;
    height: 2rem;
    z-index: 10;
    transition: 0.5s;
    opacity: 0;
}

#s1{
    top: 25rem;
    left: 5rem;
}
#s2{
    top: 30rem;
    left: 18rem;
}

.note{
    position: absolute;
    z-index: 11;
    background-color: aqua;
    width: 10rem;
    height: 10rem;
    transition: 0.5s;
    opacity: 0;
}

#n2{
    top: 25rem;
    left: 20rem;

}

.backimg {
    position: absolute;
    width: 100vw;
    height: 100vh;
    z-index: 1;
}

#tscore{
    position: absolute;
    font-size: 2vw;
    top: 1vh;
    left: 30vw;
    z-index: 6;
}