.courrierFont {
    font-family: 'Courier New', Courier, monospace;
}
.hoverBorderL {
    border-left: 4px solid transparent; /* No visible border initially */
    transition: border-color 0.9s ease; /* Smooth transition */
    }

.hoverBorderL:hover {
    border-left:4px solid ;
    border-left-color: white ; /* Change the border color to white on hover */
    }

.hoverBorderB {
    border-bottom: 2px solid transparent; /* No visible border initially */
    transition: border-color 0.9s ease; /* Smooth transition */
    }
    
.hoverBorderB:hover {
    border-bottom:2px solid ;
    border-bottom-color: white ; /* Change the border color to white on hover */
    }
    
.hoverBorderR {
    border-right: 4px solid transparent; /* No visible border initially */
    transition: border-color 0.9s ease; /* Smooth transition */
    }
    
.hoverBorderR:hover {
    border-right:4px solid ;
    border-bottom-color: white ; /* Change the border color to white on hover */
    }    
    
    

.hoverBorder {
    border: 2px solid transparent;
    transition: border-color 0.9s ease;/* Smooth transition */
    border-radius: 4px
    }
    
.hoverBorder:hover {
    border:2px solid ;
    border-color: white ;
}