*{font-family:Poppins,sans-serif}body{margin:0;padding:0;background:#202225}#app{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.home{background:#2f3136;height:calc(100vh - 50px);width:calc(100vw - 50px);border-radius:10px;position:relative;overflow:hidden}.home .logo{position:absolute;top:20px;left:20px;z-index:9}.home .logo img{height:60px}.home .local-video{width:15%;top:20px;right:20px;border-radius:10px;position:absolute}.home .remote-video{top:0;height:100%;-o-object-fit:contain;object-fit:contain}.home .buttons,.home .remote-video{position:absolute;left:0;width:100%}.home .buttons{bottom:40px;display:flex;justify-content:center;align-items:center;opacity:.4;transition:all .25s}.home .buttons:hover{opacity:1}.home .buttons button{border:none;width:60px;height:60px;font-size:24px;border-radius:50px;margin:0 5px;background-color:#5a64ef;color:#fff;transition:all .25s;display:flex;align-items:center;justify-content:center;cursor:pointer}.home .buttons button:hover{transform:translateY(-10px)}.home .buttons button:active{transform:translateY(0)}.home .buttons button.end-call{background-color:#db0000}.home .buttons button.close{background-color:#202225}.error-msg{color:#fff;font-size:24px;text-align:center}.error-msg .logo{display:block;text-align:center;margin-bottom:20px}.error-msg .logo img{height:60px}@media only screen and (max-width:768px){.home{width:100vw;height:100vh;border-radius:0}.home .local-video{width:35%}.home .logo img{height:40px}}