html {
    overflow: hidden;
}
body {
    margin: 0;
    width: 100%;
    height: 100%;
    background: #f8f8f8;
    font: 14px Arial, Helvetica, sans-serif;
    line-height: 1.5;
}
.btn {
     /* padding: 0.25rem 1rem; */
     box-shadow: none;
     min-height: 44px;
     border-radius: 0.25rem;
     font-family: 'Open Sans';
     font-size: 1rem;
     font-weight: 600;
     line-height: 1.5;
     /* word-spacing: 0.16em; */
     letter-spacing: 0.0625rem;
     text-transform: uppercase;
     /* min-width: 64px; */
     display: inline-flex;
     -webkit-box-align: center;
     align-items: center;
     -webkit-box-pack: center;
     justify-content: center;
     position: relative;
     box-sizing: border-box;
     -webkit-tap-highlight-color: transparent;
     cursor: pointer;
     user-select: none;
     vertical-align: middle;
     appearance: none;
}
.btn.outlineN::before, .btn.secondaryN::before {
     height: calc(100% - 2px);
     width: calc(100% - 2px) 
}
.section-vertical-center {
    display: flex; 
    flex-direction: column; 
    justify-content: center
}
.section-actions {
    text-align: right; 
    padding: 1rem;
    padding-right: 0;
}
.card-group {
    display: flex;
    flex-direction: column; 
    width: 100%;
    background: #fff;
    overflow: hidden;
    border-radius: 8px;
}
.card-group-header {
    background: #005596; 
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: .75rem 1rem;
}
.card-group-header * {
    margin: 0
}
.card-group-body {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    padding: 2.75rem;
    gap: 1.5rem
}
.card-group:not(:last-of-type) {
    margin-bottom: 2.5rem;
}
.card {
    box-shadow: 0px 8px 20px 0px #00000040;
    border-radius: 8px
}
.card-link {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: .75rem;
    text-decoration: none;
    color: unset;
    padding: 1rem;
    max-width: 300px;
    margin: 0 auto;
}
.card-link * {
    margin: 0
}
.card-link .icn {
    width: 100%;
    max-width: 64px;
}
.card-link i {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 54px;
    color: #005596;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
}
.icn i[class*="-alum-icon"] {
    scale: .9;
}
.icn i[class*="-pathway-icon"] {
    scale: 1.25;
}
.icn i[class*="-alum-icon"], .icn i[class*="-pathway-icon"], .icn i[class*="-degree-icon"] {
    filter: brightness(0) saturate(100%) invert(18%) sepia(55%) saturate(3727%) hue-rotate(191deg) brightness(97%) contrast(101%);
}
@media(min-width: 768px) {
    .card-group-body {
        grid-template-columns: repeat(2, 1fr);
    }
}