body{
  background-color: #000;
}
footer{
    background-color: #000; color: #fff;
}
.fe-heading{
    color: #fff;
    background-color: #2196F3;   
    font-size:36px!important;
    padding: 4px 16px;
}
.fe-heading2{
    font-size: x-large;
    text-align: center;
    font-size:26px!important;
}

.fe-border {
border: 1px solid black;
}

.fe-transparent {
background-color: rgba(0, 0, 0, 0.00);
}

.fe-menu a {
    width: 100%;
    text-align: left;
    background-position: left;
    background-repeat: no-repeat;
    padding-top: 16px;
    padding-left: 44px;
    text-align: center;
}
        
.fe-menu a img{
    width: 32px;
}
.fe-sel{
    background-color: #86c0ee;
}

/* div */
/* .fe_dev */
.fe_dev{
    border: 1px dotted black;
    /* padding: 4px;*/
}

.fe-pad{padding: 8px}

.fe-card{
    border: 0px dotted black;
    text-align: center;
    padding: 8px;
}
.fe-card2{
    box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    text-align: center;
    margin: 8px;
    padding: 8px;
}
.fe-icon32{
    width: 32px;
    height: 32px;
}
.fe-card-icon{
    height: 64px;
}
.fe-icon64{
    height: 64px;
    margin-bottom: 10px;
}
.my-card{
    text-decoration: none;
}
.my-card div{
    text-decoration: none;
}
    
.my-card .img{
    height: 250px;    
    background-size: cover;
    background-position: center;
}
a:hover div{
    background-color: #2196F3;
}
a div{
    background-color: #fff;
    text-align: center;
}
a{   
    text-decoration: none;
}
.fe-link{
    text-decoration: underline;
}
.fe-table{
    border: 1px solid red;
    border-collapse: collapse;
    width:100%;display:table;
}
.fe-bordered tr th, .fe-bordered tr td{
    border: 1px solid #808080;
}