#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;display:grid;grid-template-columns:1fr 5fr;grid-template-rows:10vh 90vh}dialog{border:1px solid #ddd;min-width:30vw;min-height:20vh}body{overflow-y:hidden}#header{display:grid;grid-template-columns:1fr 5fr;grid-column:1/3}.item{padding:10px;border-radius:0 25px 25px 0;transition:all .5s}.num{margin-right:10px}.current{background-color:#e8f0fe;color:#1697d2}.contacts{max-height:90vh;overflow-y:scroll}.contact{display:grid;grid-template-columns:.5fr .5fr 1fr 1fr 1fr 1fr;align-items:center;height:80px}.avatar,.avatar_preview{border:1px solid #ddd;border-radius:50%;width:75px;height:75px}