.iconBox {
    text-align: center;
    font-size: 4em;
    color: #255c71;
    border-radius: 10px;
    background-color: lavender;
    display: inline-block;
    border-style: groove;
    padding: 5px;
    margin: 5px;
}

    .iconBox:hover {
        color: darkblue;
        text-decoration: none;
    }

    .iconBox span {
        display: block;
    }

.nav_link {
    text-align: center;
    font-size: 20px;
    width: 142px;
}

.iconBack > span:before {
    content: "<<";
}

.attachment {
    padding: 5px;
    cursor: pointer;
    color: blue;
}

    .attachment:hover {
        color: darkblue;
        font-weight: bold;
    }

.textCapital {
    text-transform: capitalize;
}

.clickable-text {
    color: darkblue;
}

.clickable-text:hover {
    cursor: pointer;
}


.btn-back {
    color: dodgerblue;
    float: right;
    content: "Back";
    font-weight: bold;
    font-size: 20px;
}

.btn-back::after {
    content: "Back";
 }

.btn-back::before {
     content: '\25C0';
}