.ast-box {
    width: 100%;
    border: 2px solid var(--main-color);
    border-radius: 6px;
    margin-top: .5rem;
}
.ast-header {
    background: var(--main-color);
    text-align: center;
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
    padding: .5rem;
}
.ast-list{
    padding: .5rem;
}
.ast-item{
    width: 100%;
    text-align: center;
    padding: .5rem 0;

    border-radius: 5px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #aaa;

    margin-bottom: .5rem;
}


.ast-title{
    background: linear-gradient(transparent, #f7f3f3);
    font-size: 1rem;
    color: #000;
    text-shadow: 0px 0px 10px #e5e5e5;
    border-radius: 0 0 50px 50px;
    box-shadow: 0 5px 4px 0 #ffff99, 0 6px 20px 0 rgba(0, 0, 0, .19);
    padding: .2rem 0;
}