@-webkit-keyframes animation1 {
            0% {
                opacity: 1;
            }
            100% {
                opacity: 0;
            }
        }
        
        #alert {
            position: fixed;
            z-index: 20;
            top: calc(50vh - 10vw);
            left: 40vw;
            width: 20vw;
            height: 20vw;
            animation: animation1 10s linear;
            opacity: 0;
        }
        
        .hide {
            opacity: 0;
            transition: opacity 12000ms;
            transition-timing-function: cubic-bezier(0.65, 0, 1.0, 1.0);
            z-index: 20;
        }
        
        #top {
            position: fixed;
            z-index: 21;
            top: 0;
            left: 35vw;
            width: 30vw;
            height: 35vh;
            background-color: none;
        }
        
        #bottom {
            position: fixed;
            z-index: 22;
            top: 65vh;
            left: 35vw;
            width: 30vw;
            height: 35vh;
            background-color: none;
        }
        
        #left {
            position: fixed;
            z-index: 23;
            top: 35vh;
            left: 0;
            width: 35vw;
            height: 30vh;
            background-color: none;
        }
        
        #right {
            position: fixed;
            z-index: 24;
            top: 35vh;
            left: 65vw;
            width: 35vw;
            height: 30vh;
            background-color: none;
        }
        
        #tl {
            position: fixed;
            z-index: 25;
            top: 0vh;
            left: 0;
            width: 35vw;
            height: 35vh;
            background-color: none;
        }
        
        #bl {
            position: fixed;
            z-index: 26;
            top: 65vh;
            left: 0;
            width: 35vw;
            height: 35vh;
            background-color: none;
        }
        
        #tr {
            position: fixed;
            z-index: 27;
            top: 0;
            left: 65vw;
            width: 35vw;
            height: 35vh;
            background-color: none;
        }
        
        #br {
            position: fixed;
            z-index: 28;
            top: 65vh;
            left: 65vw;
            width: 35vw;
            height: 35vh;
            background-color: none;
        }
        
        * {
            border: 0;
            margin: 0;
        }
        
        #container {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100vw;
            height: 100vh;
            overflow-y: auto;
            overflow: hidden;
            background-color: white;
        }