html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: 'Roboto', sans-serif;
}

body
{
    background: url("../img/background-2997277_960_720.jpg");
	background-attachment: fixed;
    background-size: 100% 100%;
}

.friend .friend-header {
    position: sticky;
    top: 56px;
    display: block;
    z-index: 1;
    background: whitesmoke;
}

.bg-png {background: url("../img/bg-60.png");}
.bg-proxy {background: url("../img/bg-proxy-60.png");}

.text-sm {font-size: 0.5em; !important;}
.text-md {font-size: 0.7em; !important;}
.heart {color: #ff2e2e;)}

.blue {background:#007bff;}
.indigo {background:#6610f2;}
.purple {background:#6f42c1;}
.light-pink {background: #cf9aa6;}
.pink {background: #cf405d;}
.red {background:#dc3545;}
.orange {background: #ffb13e;}
.yellow {background:#ffc107;}
.green {background:#28a745;}
.light-teal {background: rgba(32, 249, 198, 0.57);}
.teal {background:#20c997;}
.cyan {background:#17a2b8;}
.white {background:#fff;}
.gray {background: #99a2aa;}
.gray-dark {background:#343a40;}
.primary {background:#007bff;}
.secondary {background:#6c757d;}
.success {background:#28a745;}
.info {background:#17a2b8;}
.warning {background:#ffc107;}
.danger {background:#dc3545;}
.light {background:#f8f9fa;}
.dark {background:#343a40;}