body {margin: 5% auto; 
    background: #000000; 
    color: #f2f2f2; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 
    font-size: 16px; 
    line-height: 1.8; 
    margin:2em auto;
    max-width:700px;
    padding:1em;
}

.menu{

    float: right;
}


code {
    background:  #ffdd57   ;
    color: black;
}

a {
    border-bottom: 1px solid #ffdd57 ;
    color:  #ffdd57 ; 
    text-decoration: none;
}

.just-link {
    border-bottom:none;
    color:  #ffdd57 ; 
    text-decoration: none;
}


a:hover {
    border-bottom: 0;
}

.profile-active{
    margin: 10px ; 
    border-radius: 100%;
    width: 20%;
}

.profile-inactive{
    
    border-radius: 100%;
    width: 10%;
}

.box{
    background: hotpink;
    line-height: 1.8; 
    margin:2em auto;
    max-width:400px;
    padding:1em;
    float: left;
}

.status-danger{
    color: #000000;;
    background:#ff3860;
    line-height: 2; 
    padding:1em;
    
}

.status-success{
    color: #000000;;
    background:#23d160;
    line-height: 2; 
    padding:1em;
}

.status-warning{
    color: #000000;;
    background:#ffdd57;
    line-height: 2; 
    padding:1em;
}

.status-info{
    color: #000000;;
    background:#209cee;
    line-height: 2; 
    padding:1em;
}