@font-face{ font-family: "Abel"; src: url(T--Washington--abelFont.ttf) format("TrueType"); } .mainBodypic { color: white; text-align: left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top: 5%; padding-bottom: 5%; padding-left: 5%; } .mainNav { /*background-color: #4B2E83; */ background:linear-gradient(135deg, #330066 30%, #4B2E83 30%, #4B2E83 40%); min-width: 420px; padding-bottom: 10px; } .titleBar { margin-bottom: 0px; padding-top: 3%; padding-bottom: 3%; } #customNavbar { padding-bottom: 60px; } .bottomBar { padding-top: 50px; padding-bottom: 50px; } .dropdown-menu { margin-top: -1px; } .abelFont { font-family: Abel; font-size: 20px; } .jump:before { display: block; content: " "; margin-top: -65px; height: 65px; visibility: hidden; } html { background-color: #343A40; } body { background-color: white; } button { display: inline-block; position: relative; margin-bottom: 2px; padding: 10px; background: #4B2E83; border: none; text-decoration: none; color: white; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Sweep To Right */ .hvr-sweep-to-right { outline: none; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #cfcfcf; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { cursor: pointer; color: black; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }