html,body {
    font-size: 14px;
    position: relative;
    min-height: 100%;
    background: var(--upenn-white);
    color: #000;
}
    @media (min-width: 768px) {
        html, body {
            font-size: 16px;
        }
    }

a:link,
a:visited,
a:hover,
a:active    { color: var(--upenn-red); }
a.btn       { color: var(--upenn-white); }

main        { min-height: 72vh; }
footer      { word-wrap: break-word}

button      { outline: none !important; }
input       { border-color: rgba(0,0,0,.25);}

/* Global */

.hidden     { display: none; }
.show       { display: block !important; }

.rounded    { border-radius: .5rem !important; }

.w-auto { width:auto; }
.w-100  { width:100%; }
.w-95   { width:95%; }
.w-90   { width:90%; }
.w-85   { width:85%; }
.w-80   { width:80%; }
.w-75   { width:75%; }
.w-70   { width:70%; }
.w-65   { width:65%; }
.w-60   { width:60%; }
.w-55   { width:55%; }
.w-50   { width:50%; }
.w-45   { width:45%; }
.w-40   { width:40%; }
.w-35   { width:35%; }
.w-30   { width:30%; }
.w-25   { width:25%; }
.w-20   { width:20%; }
.w-15   { width:15%; }
.w-10   { width:10%; }
@media only screen and (max-width: 576px) {
    .w-sm-auto  { width:auto !important; }
    .w-sm-100   { width:100% !important; }
    .w-sm-95    { width:95% !important; }
    .w-sm-90    { width:90% !important; }
    .w-sm-85    { width:85% !important; }
    .w-sm-80    { width:80% !important; }
    .w-sm-75    { width:75% !important; }
    .w-sm-70    { width:70% !important; }
    .w-sm-65    { width:65% !important; }
    .w-sm-60    { width:60% !important; }
    .w-sm-55    { width:55% !important; }
    .w-sm-50    { width:50% !important; }
    .w-sm-45    { width:45% !important; }
    .w-sm-40    { width:40% !important; }
    .w-sm-35    { width:35% !important; }
    .w-sm-30    { width:30% !important; }
    .w-sm-25    { width:25% !important; }
    .w-sm-20    { width:20% !important; }
    .w-sm-15    { width:15% !important; }
    .w-sm-10    { width:10% !important; }
}

.box-shadow                 { box-shadow: 0px 0px 21px 4px rgba(0,0,0,0.75); }
.box-shadow-inset-top       { box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.7); }
.box-shadow-inset-left      { box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.7); }
.box-shadow-inset-right     { box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.7); }
.box-shadow-inset-bottom    { box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.7); }

.bg-white       { background: #fff; }
.bg-highlighter { background: yellow; }

.prevent-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.word-crop {
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Cursor Options */
.cursor-alias {cursor: alias;}
.cursor-all-scroll {cursor: all-scroll;}
.cursor-auto {cursor: auto;}
.cursor-cell {cursor: cell;}
.cursor-col-resize {cursor: col-resize;}
.cursor-context-menu {cursor: context-menu;}
.cursor-copy {cursor: copy;}
.cursor-crosshair {cursor: crosshair;}
.cursor-default {cursor: default;}
.cursor-e-resize {cursor: e-resize;}
.cursor-ew-resize {cursor: ew-resize;}
.cursor-grab {cursor: -webkit-grab; cursor: grab;}
.cursor-grabbing {cursor: -webkit-grabbing; cursor: grabbing;}
.cursor-help {cursor: help;}
.cursor-move {cursor: move;}
.cursor-n-resize {cursor: n-resize;}
.cursor-ne-resize {cursor: ne-resize;}
.cursor-nesw-resize {cursor: nesw-resize;}
.cursor-ns-resize {cursor: ns-resize;}
.cursor-nw-resize {cursor: nw-resize;}
.cursor-nwse-resize {cursor: nwse-resize;}
.cursor-no-drop {cursor: no-drop;}
.cursor-none {cursor: none;}
.cursor-not-allowed {cursor: not-allowed;}
.cursor-pointer {cursor: pointer;}
.cursor-progress {cursor: progress;}
.cursor-row-resize {cursor: row-resize;}
.cursor-s-resize {cursor: s-resize;}
.cursor-se-resize {cursor: se-resize;}
.cursor-sw-resize {cursor: sw-resize;}
.cursor-text {cursor: text;}
.cursor-url {cursor: url(myBall.cur),auto;}
.cursor-w-resize {cursor: w-resize;}
.cursor-wait {cursor: wait;}
.cursor-zoom-in {cursor: zoom-in;}
.cursor-zoom-out {cursor: zoom-out;}