.my-container {
    position: absolute; 
    top: 50%; 
    left: 50%; 
    -moz-transform: translateX(-50%) translateY(-50%); 
    -webkit-transform: translateX(-50%) translateY(-50%); 
    transform: translateX(-50%) translateY(-50%);
}

.uk-card-style {
    color: #fff;
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);    
}


.no-hover:hover {
    text-decoration: none !important;
    color: white;
}

.border-color0 {
    border: 3px solid #000;
    padding: 5px;
}
.uk-card-color0 {
    background: #000;
}


.uk-card-color1 {
    background: #F44336;
}
.border-color1 {
    border: 3px solid #F44336;
    padding: 5px;
}


.uk-card-color2 {
    background: #673AB7;
}
.border-color2 {
    border: 3px solid #673AB7;
    padding: 5px;
}


.uk-card-color3 {
    background: #3F51B5;
}
.border-color3 {
    border: 3px solid #3F51B5;
    padding: 5px;
}


.uk-card-color4 {
    background: #2196F3;
}
.border-color4 {
    border: 3px solid #2196F3;
    padding: 5px;
}


.uk-card-color5 {
    background: #009688;
}
.border-color5 {
    border: 3px solid #009688;
    padding: 5px;
}

.uk-card-color6 {
    background: #4CAF50;
}

.uk-card-color7 {
    background: #CDDC39;
}

 .uk-card-color8 {
    background: #FFC107;
}

.uk-card-color9 {
    background: #FF5722;
}