/* index.css  */

body {
    margin:auto;
}
.row {
    margin-left:auto;
    margin-right:auto;
    max-width: 90%;
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
@media only screen and (max-width: 768px) {
    .avatar {
        height:20vh;
        display:block;
        margin-left: auto;
        margin-right: auto;
    }
    div.gallery{
        margin-bottom:3%;
    }
}
@media only screen and (min-width: 768px) {
    .column {
        float: left;
        width: 32%;
    }
    .repolist {
        float: right;
        width: 67%;
    }
    .row:after {
        content: "";
        display: table;
        clear: both;
    }
    .avatar {
        width: 50%;
        display:block;
        margin-left: auto;
        margin-right: auto;
    }
}
/*div.gallery {
  margin-left: auto;
  margin-right:auto;
  border: 1px solid #ccc;
  float: left;
  width: 24%;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}*/

.timestamp {
    font-weight: bold;
    color: #7db398;
}

.repolist .timestamp {
    margin-bottom:1%;
    font-weight: bold;
    color: #7db398;
    float:right;
}

.header-text > h3  { 
    display: inline-block; 
}

.header-text span {
    margin-left:1%; 
    font-size:0.9em;
}

.alias, h4{
    color: #7db398;
}

code {
    color: orange;
    background:black;
}
/* template / generic */

.alias {
    text-align: center;
    font-weight: bold;
/*     font-size: large; */
    font-size: 1.1em;
}
.profile {
    border: 1px solid gray; 
    text-align: left;
    margin: 0.25em;
    padding: 1em;
    background: #1a1a1a;
}

p.description {
    margin: 1em 1em 1em 3em;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.bio {
    word-wrap: break-word;
}
.langs {
    float: right;
    font-weight: bold;
}
.topics {
    font-weight: bold;
}
.title{
    margin: 1em 1em 1em 1em;
/*     font-size: large; */
    font-size:1.1em;
/*     font-weight:bold; */
}
footer {
    margin:1%;
    text-align:center;
}