:root {
    --primary-dark : #0A1D3D;
    --primary-bright : #0D6EFD;
    --primary-color: #0F7EF8;
    --light-primary-color-10: #0F7EF81A;
    --light-primary-color-20: #0F7EF833;
    --light-primary-color-40: #0F7EF866;
    --secondary-color: #2563EB;
}
* {font-family: 'Inter'; margin: 0; padding: 0;}
.btn img {width: 14px; margin-right: 5px;}
.btn {border: 1.5px solid var(--primary-color); padding: 12px 25px; border-radius: 0.5rem; cursor: pointer; font-size: 16px;}
.btn:focus {box-shadow: none;}
.btn-primary {color: #FFF;background-color: var(--primary-color);}
.btn-primary:hover {background-color: var(--secondary-color);border-color: var(--secondary-color);}
.btn-secondary {color: var(--primary-color);background-color: #FFF;}
.btn-secondary:hover {color: var(--secondary-color);border-color: var(--secondary-color);background-color: var(--light-primary-color-10);}
.menu-container{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr}