* {
                box-sizing: border-box;
                font-family: verdana;
            }
            
            a {
                color: #f4f4f7;
                text-shadow: 1px 1px #000000;
            }
            
            a:hover {
                text-shadow: 0 0 2px #00f, 0 0 4px #00f, 0 0 6px #00f, 0 0 8px #00f;
            }
            
            div {
                padding: 5px;
                color: #f4f4f7;
            }
            
            input {
                color: #81A3B8;
                font-size: 20px;
                background-color: rgba(244, 244, 244, 0.2);
                -webkit-backdrop-filter: blur(5px);
                backdrop-filter: blur(5px);
            }
            
            textarea {
                color: #ffffff;
                font-size: 12pt;
                text-shadow: 2px 2px #000000;
            }

	    #bo {
	    	padding: 0;
		margin: 0;
	    }
            
            #bg-video {
                position: fixed;
                right: 0;
                bottom: 0;
                min-width: 100%;
                min-height: 100%;
                object-fit: cover;
                z-index: -1;
            }
            
            body::before {
                content: "";
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-image: url('/bg.jpg');
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                z-index: -1;
            }
        
            #global {
                width: 100%;
                max-width: 1024px;
                margin: 0 auto;
            }
            
            #header {
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 150px;
                opacity: 0.8;
                text-shadow: 2px 2px #000000;
            }

	    #leftTitleBox {
		width: 49%;
	    	text-align: right;
	    }

	    #bksTitle {
            	color: #000000;
		text-decoration: none;
		text-shadow: 0 0 2px #ffffff, 0 0 4px #ffffff, 0 0 6px #ffffff, 0 0 8px #ffffff;
	    }
	    
	    #rightTitleBox {
		width: 49%;
		text-align: right;
	    } 

            #bks {
                position: fixed;
                z-index: -1;
                width: 110px;
                height: 130px;
                top: 30px;
                left: -10px;
            }
            
            #menue {
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 15px;
            }
            
            #main {
                text-align: center;
            }
            
            #info {
                display: none;
                position: fixed;
                text-align: center;
                color: #001489;
                background-color: rgba(244, 244, 244, 0.4);
                border: 1px solid #000000;
                border-radius: 8px;
                bottom: -10px;
                left: 50%;
                transform: translate(-50%, -50%);
                z-index: 10;
                -webkit-backdrop-filter: blur(5px);
                backdrop-filter: blur(5px);
            }
            
            #content {
                width: 80%;
                height: 300px;
                background-color: rgba(244, 244, 244, 0.2);
                -webkit-backdrop-filter: blur(5px);
                backdrop-filter: blur(5px);
                border-radius: 20px 20px 20px 20px;
                padding: 20px;
                text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
            }
            
            #status {
                display: none;
                width: 100%;
            }
            
            #response {
                width: 100%;
            }
            
            #key {
                width: 100%;
                max-width: 150px;
            }
            
            .nicetxt {
                color: white;
                text-shadow: 0 0 2px #00f, 0 0 4px #00f, 0 0 6px #00f, 0 0 8px #00f;
                z-index: 1;
            }

	    .nicetxtred {
                color: red;
                text-shadow: 0 0 2px #00f, 0 0 4px #00f, 0 0 6px #00f, 0 0 8px #00f;
                z-index: 1;
            }        
        
            .button {
                border: 1px solid black;
                background-color: rgba(244, 244, 244, 0.2);
                -webkit-backdrop-filter: blur(5px);
                backdrop-filter: blur(5px);
                color: #81A3B8;
                width: 100%;
                max-width: 150px;
                border-radius: 15px;
                text-align: center;
                cursor: pointer;
            }
            
            .button:hover {
                text-shadow: 0 0 2px #00f, 0 0 4px #00f, 0 0 6px #00f, 0 0 8px #00f;
            }
            
            .buttonsm {
                border: 1px solid black;
                background-color: rgba(244, 244, 244, 0.4);
                -webkit-backdrop-filter: blur(5px);
                backdrop-filter: blur(5px);
                color: #001d2f;
                width: 100%;
                max-width: 50px;
                border-radius: 15px;
                text-align: center;
                cursor: pointer;
            }
            
            .buttonsm:hover {
                background-color: rgba(244, 244, 244, 0.8);
            }

	    .infront {
	    	z-index: 1;
	    }

	    .red {
	    	color: red;
	    }

	    .green {
	    	color: green;
	    }