@import url('https://fonts.googleapis.com/css?family=Comfortaa');
body {
    margin: auto;
    background: #1d1c1c;
    color: #838383;
    width: 450px;
    max-width: 450px;
    min-width: 450px;
    font-family: 'Comfortaa', cursive;
    font-size: 14px
}

.head {
    background: #008000;
    background: linear-gradient(to top, #006796, #03A9F4);
    padding: 12px;
    height: 40px;
}
img.head{
    padding-top: 8px;
}
.container {
    padding: 12px;
    background: #9ACD32;
}
.a_d_s_b {
    
}
.a_d {
    display: block;
    color: #fff;
    text-decoration: none;
}
.mb-1 {
    margin-bottom: 10px;
}
.title {
    background: #008000;
    background: linear-gradient(to top, #008000, #FFFF00);
    padding: 8px;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.mess {
    background-color: #f9f9f9;
    padding: 12px;
}
.link {
    display: block;
    color: #131313;
    text-decoration: none;
    padding: 12px;
    background: #fff;
    background: linear-gradient(to top, #efefef, #ffffff);
    border-top: 1px dotted #bdbdbd;
}
.foot {
    padding: 12px;
    background-color: #1cb4f9;
    color: #fff;
}
.foot2 {
    padding: 12px;
    background-color: #008000;
}
.bl {
    border-left-color: rgb(0, 103, 151);
    border-left-style: solid;
    border-left-width: 2px;
    border-right-color: #006797;
    border-right-style: solid;
    border-right-width: 2px;
}

.br {
    height: 2px;
    background-color: #FFFF00;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.c {
    background: #5e5e5e;
    color: #008000;
    padding: 1px 7px;
    border-radius: 3px;
    float: right;
}
.icon {
    font-size: 16px;
    color: #5e5e5e;
    margin: 1px 5px 1px 1px;
}