main h2 { margin-top: 6.5rem;}
main h3 { margin: 1.5rem 0;}
main p a ,
main li a ,
main p button ,
main li button { color: #28628a; text-decoration: none !important;
    background-image: linear-gradient(to bottom, #fff 94%, transparent 94%), linear-gradient(to right, #ddbc6c 50%, #28628a 50%);
    background-size: 300% 100%;
    background-position: 100% 0;
    transition: 1s background-position , color .5s ease !important;
}
@media (hover:hover) {
    main p a:hover ,
    main li a:hover ,
    main p button:hover ,
    main li button:hover { color: #c1a731 !important; background-position: 0%;}
}

main .table-content::-webkit-scrollbar { height: 3px;}
main .table-content::-webkit-scrollbar-track { background: #eee;}
main .table-content::-webkit-scrollbar-thumb { background: #28628a;}
main .table-content table th ,
main .table-content table td { text-align: left; padding: 1rem; border-bottom: 1px solid #28628a;}

@media(max-width: 767px){
    main h2 { margin-top: 3rem;}
    main .table-content { overflow-x: scroll; padding-bottom: 1rem; margin-top: 3rem;}
    main .table-content table { width: 600px;}
}