html, body {
  height: 100%;
  margin: 0;
  overflow-x: hidden;
}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, img, small, strong, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, rd {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
body {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1;
  font-size: 12px;
  background-image: 
    url("../images/sitelogo-full.png"),
    radial-gradient(circle, rgba(176, 21, 47, 1) 7%, rgba(168, 0, 33, 1) 47%, rgba(79, 3, 3, 1) 100%);
  background-repeat: repeat, no-repeat;
  background-position: top left, center;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.wrapper{
    font-size: 11px;
}
.content {
    display: flex;
    .box {
        border-radius: 3px;
    }
    h2 {
        border-radius: 3px;
    }
    a {
        color: red;
    }
}
.sidebar {
    padding: 16px;
    width: 42%;
}
.the-else {
    margin-top: 20px;
    width: 100%;
    .blog {
        padding-bottom: 10px;
        p {margin-bottom: 17px;}
        b {font-size: 12px;}
    }
    .content-box {
        margin-bottom: 30px;
        h2 {
            background: white;
            color: black;
            padding: 3px 10px;
            margin-bottom: 5px;
            font-weight: bold;
            font-size: 12px;
        }
        h3 {
            font-weight: bold;
            margin-top: 1em;
        }
    }
    .neighbors {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;
        img{width:88px;height:31px;}
        a {margin: 2px;}
        div {
            width:88px;
            height:31px;
            margin:2px;
            a {margin:0;}
        }
    }
}

.sidebar {
    h1 {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 15px;
    }
    .box {
        border: 2px solid white;
        font-size: 10px;
        margin-bottom: 20px;
        .title {
        background: white;
        color: black;
        font-weight: bold;
        font-size: 12px;
        padding: 1px 0 2px 13px;
        }
        .flex {
        display: flex;
        padding: 3px;
        }
        h3 {
        margin-right: 3px;
        width: 56%;
        font-weight: bold;
        }
        p {
        width: 100%;
        }
    }
    .box.interests {
        font-size: 11px;
    }
    .more {
        margin: 15px 0;
        p {
        margin: 10px 0;
        }
        a {
        font-weight: bold;
        text-decoration: none;
        }
    }
}
.profile {
    display: flex;
    .avatar {
        width: 150px;
        border: 2px white solid;
    }
    .info {
        align-self: center;
        div {
        margin: 10px 15px;
        }
        .status {
        display: block;
        text-wrap: wrap;
        }
        .my-button {
            padding-top: 15px;
        }
    }
}
.wrapper div{
    * a:hover {
        text-decoration: underline;
    }
}