@import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i&subset=cyrillic);*{box-sizing:border-box}body,html{margin:0;padding:0;min-width:320px;height:100%}body{font-size:18px;font-family:Roboto,Calibri,sans-serif;background:#182340;background:linear-gradient(45deg,#182340 0,#3c9ffc 100%);background-attachment:fixed;color:#fff}a:active,a:hover,a:link,a:visited{color:#fff}ul.friends-list{margin:0 0 12px;padding:0 2px 2px;list-style-type:none}ul.friends-list>li{overflow:hidden;display:flex;position:relative;justify-content:space-between;padding:12px 20px;line-height:24px;margin:0 0 2px}ul.friends-list>li:last-child{margin-bottom:0}ul.friends-list>li.selected,ul.friends-list>li.selected a{color:#24bbbb}ul.friends-list li:before{display:block;content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:.3;z-index:1}ul.friends-list>li.selected:before{opacity:.7}ul.friends-list>li span{position:relative;z-index:2}.friend-name{width:100%;margin-right:20px}@media (max-width:560px){h1{font-size:28px}}