.advertencia {
	border: 4px solid red;
	padding: 7px;
	background-color: #ff887d;
}

.outline-bottom {
    transition: box-shadow 0.3s ease-in-out;
}

.outline-bottom:focus {
    outline: none;
    box-shadow: 0px 5px .25rem rgba(13,110,253,.25);
}

input[type='text'], input[type='number']{
	border-bottom: 2px solid rgba(0, 0, 255, 0.503);
	border-top: none;
	border-left: none;
	border-right: none;
}

.operacoes-matriz {
	flex-direction: column;
	display: inline-flex;
	padding-bottom: 10px;
}

.matriz {
	text-align: center;
}

/*importante para alinhar verticalmente o texto
 * acabei alinhando a caixa de operações, não o texto
 * é um pouco estranho mas funciona
 * */
.matriz span{
	vertical-align: middle;
}