.headTitle {
    position: absolute;
    padding-top: 50px;
}

.headTitle a {
    text-decoration: none;
}

.myContainer {
    border: 2px solid #c6ccce;
    border-radius: 4px;
    background-color: #fffbfe;
    padding: 2px;
    margin: 0;
}

.myContainer:hover {
    border: 2px solid #00a03e;
}

.myIco {
    margin: 5px;
    padding: 4px;
    width: 48px;
    height: 48px;
}

.myTitle {
    margin: 4px;
    padding: 1px;
}

.myDesc {
    border-top: 1px solid #5a6268;
    margin: 5px;
    padding: 2px;
    color: #5a6268;
    font-size: 14px;
    height: 18px;
}


.title a {
    text-decoration: none;
    color: #2391f3;
}

.myOpen {
    /*float: right;*/
    transition: border-bottom-width 200ms;
}

.myTitle a {
    text-decoration: none;
    color: #000;
}

.myOpen a {
    text-decoration: none;
}


.myFooter {
    margin-top: 30px;
    margin-left: 10%;
    margin-right: 10%;
    padding: 10px;
    border-top: 6px dotted #1c7430;
}

.myCls a {
    margin: 2px;
    color: #9ea2a4;
}

.details {
    border: 3px dotted #009966;
    box-shadow: 2px 2px 8px #4d744d;
    border-radius: 4px;
    background: #ffffff;
    padding: 8px;
    margin-top: 8px;
    /*display: block;*/
}


.ld-head {
    padding-top: 64px;
    padding-bottom: 64px;
    background-color: #009966
}


/* ---- particles.js container ---- */

#particles-js {
    width: 100%;
    height: 150px;
    background-color: #b61924;
    background-image: url('');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}