body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0}.container{margin:20px 0;width:300px;height:420px;border-radius:10px;background:#fff;box-shadow:5px 5px 10px #d3d3d3}.img-container{width:100%;height:30%;position:relative}.img-container img.banner-img{width:100%;height:100%;border-top-left-radius:10px;border-top-right-radius:10px}.img-container img.profile-img{position:absolute;bottom:-50px;left:100px;width:100px;height:100px;border-radius:50%;border:4px solid #fff}.content{height:70%;width:100%;box-sizing:border-box;padding:50px 25px 25px 20px}.content,.title{text-align:center}.title{color:#85a2b6}.title p{font-size:28px;font-weight:700}.title span{font-size:14px;font-weight:300}.info{text-align:left;color:#85a2b6;font-size:18px;font-weight:300;padding:10px 20px 15px}button{width:140px;background-color:#fff;text-align:center;border-radius:50px;padding:5px 10px 3px;text-transform:uppercase;cursor:pointer;transition:all .5s ease}button:focus{outline:none}.connect{color:#85a2b6;border:2px solid #85a2b6}.connect:hover{color:#fff;background:#85a2b6}.disconnect{color:#be5960;border:2px solid #be5960}.disconnect:hover{color:#fff;background:#be5960}.user-list{display:flex;flex-wrap:wrap;justify-content:space-evenly}.connection-container{display:flex;justify-content:center}.connection-summary{width:50%;min-width:260px;color:#f5f5f5;background-color:#85a2b6;margin:30px 15px;padding:5px 20px 15px;border-radius:10px;box-shadow:10px 10px 10px #d3d3d3}.connection-summary h2{text-align:center;margin:10px}.connection-summary div{margin:5px 10px;display:flex;justify-content:space-between;padding:0 5px;border-bottom:1px solid #d3d3d3}.trash-can{cursor:pointer}.header{text-align:center}.banner-img{max-width:300px}.header nav{background-color:#85a2b6;line-height:40px;font-size:20px;margin-bottom:20px}.header nav a{text-decoration:none;color:#fff;padding:6px 10px;margin:0}.header nav a:hover{background-color:#4682b4}
/*# sourceMappingURL=main.774e108b.chunk.css.map */