.border-container {
    font-family: 'Lora', serif;
    font-size: 20px;
    position: relative;
    overflow: hidden;
    width: 80%;
}

.corner-border-first {
    font-weight: 300;
    color: #0c3948;
    width: auto;
    text-align: center;
    background: white;
    overflow: hidden;
    /*border: 1px solid #0c3948;*/
    transition: 0.5s;
}




.corner:nth-child(2) {
    position: absolute;
    background: white;
    width: 20px;
    height: 20px;
    right: -12px;
    top: -12px;
    border-radius: 20px;
    z-index: 2;
    /*border: 1px solid #0c3948;*/
}

.corner:nth-child(3) {
    position: absolute;
    background: white;
    width: 20px;
    height: 20px;
    right: -12px;
    bottom: -12px;
    border-radius: 20px;
    /*border: 1px solid #0c3948;*/
}

.corner:nth-child(4) {
    position: absolute;
    background: white;
    width: 20px;
    height: 20px;
    left: -12px;
    bottom: -12px;
    border-radius: 20px;
    /*border: 1px solid #0c3948;*/

}
.corner:nth-child(5) {
    position: absolute;
    background: white;
    width: 20px;
    height: 20px;
    left: -12px;
    top: -12px;
    border-radius: 20px;
    overflow: hidden;
    /*border: 1px solid #0c3948;*/

}