* {
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 400px){
    *{
        max-width: 100%;
    }
    body{font-size:larger }
    image{
        max-width: 100%;
    }
}
a:any-link{
    color: #15ab12;
}

#content {
    margin: 2em 0 0 0;
    color: #ffffff;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}
h4{
    font-size: 1rem;
}
.left {
    min-width: 300px;
    flex-grow: 1;
}

.right {
    min-width: 300px;
    flex-grow: 2;
    border-left: 2px  dashed #ffffff;
    margin-left: -2px;
}

.panel {
    padding: 1rem;
}

.panel-header {
    color: #15abd8;
    margin:  0 0 1rem 0;
}
.panel-body{
    font-size: 0.5rem;
}
.right .panel-body{
}
.right .panel-body p{
    text-align: left;
    margin: 1rem 0 1.5rem 0;
    display: inline-block;
}
img{
    margin: 1rem;
}
.skill{
    margin:0 0 0 1rem;
    display: inline-block;
    text-align: left;
}