body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}:root{--primary-color:#000;--secondary-color:#fff;--accent-color:#b9ff66;--background-color:#fff;--text-color:#333;--border-color:#ccc}button{background-color:initial;border:none;cursor:pointer;padding:0}.container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 15px}.header{left:0;padding:13px 0;position:fixed;top:0;width:100%}.header .container{align-items:center;display:flex;justify-content:space-between}.header .logo{display:block;width:120px}.header .logo img{width:100%}.start-chat-button{background-color:#b9ff66;background-color:var(--accent-color);border:1px solid #000;border:1px solid var(--primary-color);border-radius:7px;box-shadow:3px 3px #000;font-size:16px;padding:13px 28px;width:fit-content}.start-chat-button.red{border:1px solid #b10000;box-shadow:3px 3px #b10000;color:#b10000}#hero{height:100vh}#hero .container{display:flex;height:100%}#hero .container .left-box{display:flex;flex-direction:column;height:100%;justify-content:center;width:50%}#hero .container .left-box h1{font-size:64px;margin:0}#hero .container .left-box h1 span{color:#b9ff66;color:var(--accent-color)}#hero .container .left-box p{font-size:22px;margin-bottom:50px;margin-top:37px}#hero .container .right-box{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;width:50%}#hero .container .right-box .box{background-color:#000;border:1px solid #b9ff66;border:1px solid var(--accent-color);border-radius:26px;box-shadow:4px 4px #b9ff66;box-shadow:4px 4px var(--accent-color);padding:70px 90px}#hero .container .right-box h2{color:#b9ff66;color:var(--accent-color);font-size:100px;margin:0;text-align:right}#hero .container .right-box h2 span{color:#fff;color:var(--secondary-color)}#chat-room{min-height:100vh}#chat-room .container{display:flex;flex-direction:column;height:100vh;justify-content:center}#chat-room .video-boxes{display:flex;justify-content:center;width:100%}#chat-room .video-boxes .video-box{background-color:#000;background-color:var(--primary-color);border:1px solid #b9ff66;border:1px solid var(--accent-color);border-radius:20px;box-shadow:4px 4px #b9ff66;box-shadow:4px 4px var(--accent-color);height:500px;object-fit:cover;position:relative;width:500px}#chat-room .video-boxes .video-box:first-child{margin-right:30px}#chat-room .video-boxes .video-box .nickname{background-color:#b9ff66;background-color:var(--accent-color);border-radius:6px;bottom:3px;color:#000;color:var(--primary-color);font-size:18px;left:50%;padding:0 3px;position:absolute;transform:translateX(-50%)}#chat-room .video-boxes .video-box .nickname.disconnected{background-color:red;color:#fff}#chat-room .video-boxes .video-box .logo-watermark{opacity:.3;position:absolute;right:0;top:4px;width:76px}#chat-room .video-boxes video{border-radius:20px;height:100%;object-fit:cover;object-position:center;width:100%}#chat-room .video-boxes .video-box .loading-ad-box{align-items:center;background-color:#000;background-color:var(--primary-color);border-radius:20px;color:#b9ff66;color:var(--accent-color);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}#chat-room .video-controls{align-items:center;display:flex;justify-content:center;margin:32px auto 0}#chat-room .video-controls .toggle-button{background-color:#000;border-radius:50%;height:60px;margin-right:15px;padding:15px;width:60px}#chat-room .video-controls .toggle-button img{height:100%;width:100%}#chat-room .video-controls .start-chat-button{font-size:21px}#chat-room .nickname-modal{background-color:#000000c9;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:10}#chat-room .nickname-modal .modal-content{background-color:#dcdcdc;border:1px solid #b9ff66;border:1px solid var(--accent-color);border-radius:26px;box-shadow:4px 4px #b9ff66;box-shadow:4px 4px var(--accent-color);display:flex;flex-direction:column;left:50%;padding:62px 70px;position:absolute;top:50%;transform:translate(-50%,-50%)}#chat-room .nickname-modal .modal-content h2{margin-bottom:38px;margin-top:0;text-align:center}#chat-room .nickname-modal .modal-content input.nickname-input{border:none;border-radius:10px;font-size:16px;margin-bottom:15px;padding:10px 20px}#chat-room .nickname-modal .modal-content button{align-self:center;margin-top:10px}#chat-room .nickname-modal .modal-content label span{color:#00549d;vertical-align:4px}#chat-room .nickname-modal .modal-content label span a{color:#00335f;font-size:16px}#chat-room .nickname-modal .modal-content input[type=radio]{accent-color:#b9ff66;accent-color:var(--accent-color);height:20px;margin:10px;width:20px}.footer .container{align-items:center;display:flex;justify-content:space-around}.footer .container .footer-links a{color:#000;color:var(--primary-color);margin-right:14px}.footer .container .copyright a{color:#000;color:var(--primary-color);font-weight:600;text-decoration:none}@media (max-width:768px){.container{padding:0 10px}.header .logo{width:90px}.start-chat-button{font-size:14px;padding:10px 20px}#hero .container .left-box h1{font-size:48px}#hero .container .left-box p{font-size:18px}#hero .container .right-box .box{padding:50px 70px}#hero .container .right-box h2{font-size:80px}#chat-room .video-boxes .video-box{height:42vh;max-width:100%;width:42vh}#chat-room .video-boxes .video-box:first-child{margin-right:15px}#chat-room .nickname-modal .modal-content{padding:40px 50px}#chat-room .nickname-modal .modal-content h2{font-size:20px}#chat-room .nickname-modal .modal-content input.nickname-input{font-size:14px;padding:8px 15px}}@media (max-width:480px){#chat-room{min-height:95vh}.header .container{align-items:flex-start;flex-direction:column}.start-chat-button{margin:0 auto;text-align:center}.header .start-chat-button{display:none}#hero .container{flex-direction:column}#hero .container .left-box{width:100%}#hero .container .right-box{display:none}#hero .container .left-box h1{font-size:56px}#hero .container .left-box p{font-size:21px}#hero .container .right-box .box{padding:30px 50px}#hero .container .right-box h2{font-size:60px}#chat-room .container{height:95vh;padding:5px}#chat-room .video-boxes{align-items:center;flex-direction:column}#chat-room .video-boxes .video-box{margin-bottom:1vh;margin-right:0!important}#chat-room .video-controls{align-items:stretch;bottom:0;left:0;margin-top:0;position:sticky}#chat-room .video-controls .toggle-button{border:1px solid #b9ff66;border:1px solid var(--accent-color);box-shadow:2px 2px #b9ff66;box-shadow:2px 2px var(--accent-color)}#chat-room .video-controls .start-chat-button{border-radius:40px;box-shadow:2px 2px #000;font-size:16px;padding:13px 18px}#chat-room .nickname-modal .modal-content{padding:30px 40px}#chat-room .nickname-modal .modal-content h2{font-size:18px}#chat-room .nickname-modal .modal-content input.nickname-input{font-size:15px;padding:9px 14px}}
/*# sourceMappingURL=main.2dab9911.css.map*/