@font-face {
    font-family: 'Brandon Grotesque';
    src: url('fonts/HvDTrial_Brandon_Grotesque_regular-BF64a625c9311e1.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('fonts/HvDTrial_Brandon_Grotesque_bold-BF64a625c9151d5.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

body, html {
    height: 100%;
    margin: 0;
    font-family: "Brandon Grotesque", "Poppins", Helvetica, Arial, Lucida, sans-serif;
}

.main-container {
    height: 100vh;
    background-image: linear-gradient(to top, rgba(35, 0, 85, 0.8), rgba(35, 0, 85, 0.4)), url('academy-by-cedial.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.content-wrapper {
    padding: 20px;
}

h1 {
    font-family: "Brandon Grotesque", "Poppins", Helvetica, Arial, Lucida, sans-serif;
    font-weight: bold;
}

.logo {
    max-width: 450px;
    height: auto;
}


.btn-outline-light {
    transition: all 0.3s ease-in-out;
}

.btn-outline-light:hover {
    color: #fff;
}

.btn-academy:hover {
    background-color: #00B4FF; 
    border-color: #00B4FF;
}

.btn-enfermeria:hover {
    background-color: #50C874;
    border-color: #50C874;
}