/* html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
/* } */

.tooltip{
    opacity: 0.8;
    font-size:12px;
    width: 150px;
}

.group-title{
    opacity: 0.8;
    position:absolute;
    font-family: 'Dosis', sans-serif;
    font-size: 28px;
}

text{
    font-family: 'Dosis', sans-serif;
    position: relative;
    width: 100%;
    height: 100%;
    color: white;
    background-color: black;
}

img#profile_pic {
    max-width: 100%;
    max-height: 100%;
    filter: alpha(opacity=90);
    float: left;
    size: 70px 70px;
    border-radius: 80%;
    padding:5px;

}
 
body {
    font-family: 'Tangerine', serif;
   
  }

.btn{
    margin:15px;
}

.box-masonry{
    align-content: center;
    align-items: center;
    border: 2px;
    border-radius:10px;
    padding:5px;
    margin: 20px 10px 10px 2px;
    transition: transform .2s;
}

.box-masonry:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}

.btn:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}

.box-masonry a img,.box-masonry img{
    width: 100%;
    height: 80%;
    filter: alpha(opacity=90);
    float: left;
    size: 70px 70px;
    padding:15px;
}

.box-content{
    font-size: 14px;
    padding-top:10px;
}