CODE

/*! core css */

* {
transition: background-color 300ms ease, color 300ms ease
}

*:focus {
outline: none
}

html,
body {
color: #0d8f4f;
font-family: hind;
font-size: .9em;
line-height: 1.5
}

.app-header {
background: #0d8f4f;
background: linear-gradient(to right, #0d8f4f, #0d8f4f);
padding: 0 .8em;
position: fixed;
height: 55px;
top: 0%;
left: 0%;
right: 0%;
z-index: 1001;
padding-top: 5px
}

.app-footer {
background: #0d8f4f;
background: linear-gradient(to right, #87211c, #490249);
padding: 0 .8em;
position: fixed;
height: 55px;
z-index: 1001;
position: fixed;
bottom: 0;
left: 0%;
right: 0%
}

.app-nav__logo {
float: left
}

.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px
}

.btn-full {
width: 100%;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px
}

.btn2-full {
width: 100%;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px
}

.btn-primary {
color: #fff;
font-weight: 700;
background: #0d8f4f;
background: linear-gradient(to left, #0d8f4f, #0d8f4f);
border-color: #2e6da4
}

.btn2-primary {
color: #fff;
font-weight: 700;
background: #0d8f4f;
background: linear-gradient(to left, #0d8f4f, #0d8f4f);
border-color: #2e6da4
}

a.btn {
color: #fff;
font-weight: 700;
text-decoration: none
}

.app-body__container {
max-width: 950px;
margin: auto
}

.app-body__item-content {
background-color: #f7f7f7;
box-shadow: 0 3px 2px rgba(0, 0, 0, .09);
border-radius: .1em;
margin: 1em;
position: relative;
z-index: 1
}

.padded {
padding: 1em
}

.app-body__item-main-title {
background-color: #0d8f4f;
border-bottom: 1px solid #f0f0f0;
font-size: 1.5em;
font-weight: 700;
padding: .7em
}

.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background: #807c7c;
background: linear-gradient(to left, #ffffff, #E28C7A);
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.set {
background: url(”);
background-position: center;
background-repeat: repeat;
background-size: cover
}

.aside-title {
font-weight: 700;
color: #fff
}

a:link,
a:visited {
color: #0d8f4f;
margin-top: 0;
margin-bottom: 1.25rem;
padding: 0;
border: 0;
font-variant-numeric: inherit;
font-variant-east-asian: inherit;
font-weight: 50;
font-size: 1rem;
font-family: open sans, Helvetica, Arial, sans-serif;
text-decoration: none
}

.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px
}

.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1
}

.close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2
}

.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}

.gutters-5 {
margin-right: -5px;
margin-left: -5px
}

.mb-3,
.my-3 {
margin-bottom: 1rem!important
}

.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}

.alert.danger {
padding: 20px;
background-color: #a94442;
color: #fff
}

.alert.success {
padding: 20px;
background-color: #4caf50;
color: #fff
}

.closebtn {
margin-left: 15px;
color: #fff;
font-weight: 700;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: .3s
}

.closebtn:hover {
color: #000
}

.waec {
background: url() 0 5px no-repeat
}

.side-login {
clear: both;
position: fixed;
display: block;
list-style-type: none;
z-index: 100;
left: -4.2em;
top: 60%;
-webkit-animation: slideleft 23s forwards;
-webkit-animation-delay: 12.5s;
animation: slideleft 6s forwards;
animation-delay: 12.5s
}

@keyframes slideleft {
100% {
left: 0
}
}

.side-proves {
clear: both;
position: fixed;
display: block;
z-index: 100;
list-style-type: none;
right: -4.2em;
top: 60%;
-webkit-animation: slideright 23s forwards;
-webkit-animation-delay: 12.5s;
animation: slideright 6s forwards;
animation-delay: 12.5s
}

@keyframes slideright {
100% {
right: 0
}
}

.side-download {
clear: both;
position: fixed;
display: block;
z-index: 100;
list-style-type: none;
left: -4.2em;
top: 80%;
-webkit-animation: slideleft 23s forwards;
-webkit-animation-delay: 12.5s;
animation: slideleft 6s forwards;
animation-delay: 12.5s
}

@keyframes slideleft {
100% {
left: 0
}
}

.side-news {
clear: both;
position: fixed;
display: block;
list-style-type: none;
z-index: 100;
right: -4.2em;
top: 80%;
-webkit-animation: slideright 23s forwards;
-webkit-animation-delay: 12.5s;
animation: slideright 6s forwards;
animation-delay: 12.5s
}

@keyframes slideright {
100% {
right: 0
}
}

.grad {
background: #0d8f4f;
background: linear-gradient(to left, #490249, #87211c)
}

ul.breadcrumb {
padding: 3px;
list-style: none;
background-color: transparent
}

ul.breadcrumb li {
display: inline;
font-size: 8px
}

ul.breadcrumb li+li:before {
padding: 5px;
color: #000;
content: ” » \00a0″
}

ul.breadcrumb li a:hover {
color: #01447e;
text-decoration: underline
}

.well-normal {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.dang {
color: #fdfafa;
background-color: #e90d0d;
border-color: #1e1c8b
}

.sus {
color: #fdfafa;
background-color: green;
border-color: #1e1c8b
}

*,
:after,
:before {
box-sizing: border-box
}

h4 {
margin-top: 0;
margin-bottom: .5rem
}

h4 {
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2
}

h4 {
font-size: 1.5rem
}

.display-4 {
font-weight: 300;
line-height: 1.2
}

.display-4 {
font-size: 3.5rem
}

.font-weight-bold {
font-weight: 700!important
}

@media print {
*,
:after,
:before {
text-shadow: none!important;
box-shadow: none!important
}
}

h4 {
font-family: Catamaran;
font-weight: 800!important
}

/*!CSS Used from: Embedded*/

* {
box-sizing: border-box
}

*,
::after,
::before {
box-sizing: border-box
}

h4 {
margin-top: 0;
margin-bottom: .5rem
}

h4 {
margin-bottom: .5rem;
font-family: maven pro, sans-serif;
font-weight: 700;
line-height: 1.3
}

h4 {
font-size: 1.5rem
}

.display-4 {
font-size: 3.5rem;
font-weight: 400;
line-height: 1.3
}

.font-weight-bold {
font-weight: 700!important
}

@media print {
*,
::after,
::before {
text-shadow: none!important;
box-shadow: none!important
}
}

@media(max-width:767.98px) {
.display-4 {
font-size: 2.1rem
}
}

.text-shadow {
text-shadow: 2px 2px 2px rgba(0, 0, 0, .1)
}

/*!CSS Used from: https://solacelink.com/public/assets/css/style.css*/

*,
*::before,
*::after {
box-sizing: border-box
}

*,
::after,
::before {
box-sizing: border-box
}

h4 {
margin-top: 0;
margin-bottom: .5rem
}

h4 {
margin-bottom: .5rem;
font-family: maven pro, sans-serif;
font-weight: 700;
line-height: 1.3
}

h4 {
font-size: 1.5rem
}

.display-4 {
font-size: 3.5rem;
font-weight: 400;
line-height: 1.3
}

.font-weight-bold {
font-weight: 700!important
}

@media print {
*,
::after,
::before {
text-shadow: none!important;
box-shadow: none!important
}
}

@media(max-width:767.98px) {
.display-4 {
font-size: 2.1rem
}
}

.text-shadow {
text-shadow: 2px 2px 2px rgba(0, 0, 0, .1)
}

/*!CSS Used from: Embedded*/

/*!CSS Used from: http://localhost/public/assets/css/bootstrap.min.css*/

*,
:after,
:before {
box-sizing: border-box
}

hr {
box-sizing: content-box;
height: 0;
overflow: visible
}

h5,
h6 {
margin-top: 0;
margin-bottom: .5rem
}

p {
margin-top: 0;
margin-bottom: 1rem
}

strong {
font-weight: bolder
}

a {
color: #ee0979;
text-decoration: none;
background-color: transparent
}

a:hover {
color: #a40654;
text-decoration: underline
}

h5,
h6 {
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2
}

h5 {
font-size: 1.25rem
}

h6 {
font-size: 1rem
}

hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, .1)
}

.collapse:not(.show) {
display: none
}

.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: .25rem
}

.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem
}

.card-text:last-child {
margin-bottom: 0
}

.card-header {
padding: .75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, .03);
border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
border-radius: calc(.25rem – 1px) calc(.25rem – 1px) 0 0
}

.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
border: .25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: b .75s linear infinite;
animation: b .75s linear infinite
}

.d-none {
display: none!important
}

.mb-0 {
margin-bottom: 0!important
}

.mb-5 {
margin-bottom: 3rem!important
}

.m-auto {
margin: auto!important
}

.text-white {
color: #fff!important
}

.text-black-50 {
color: rgba(0, 0, 0, .5)!important
}

.text-normal {
font-size: 16px;
color: #2c2c2c;
line-height: 30px;
margin-top: 10px
}

.text-black-50 {
font-size: 16px;
color: #666;
line-height: 30px;
margin-top: 10px
}

@media print {
*,
:after,
:before {
text-shadow: none!important;
box-shadow: none!important
}
a:not(.btn) {
text-decoration: underline
}
p {
orphans: 3;
widows: 3
}
}

h5,
h6 {
font-family: Catamaran;
font-weight: 800!important
}

/*!CSS Used keyframes*/

@-webkit-keyframes b {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}

@keyframes b {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}

/*!CSS Used fontfaces*/

.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}

@media(min-width:768px) {
.container {
width: 750px
}
}

@media(min-width:992px) {
.container {
width: 970px
}
}

@media(min-width:1200px) {
.container {
width: 1170px
}
}

.row {
margin-right: -15px;
margin-left: -15px
}

.col-sm-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}

@media(min-width:768px) {
.col-sm-6 {
float: left
}
.col-sm-6 {
width: 50%
}
}

.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none
}

.nav>li {
position: relative;
display: block
}

.nav>li>a {
position: relative;
display: block;
padding: 10px 15px
}

.nav>li>a:focus,
.nav>li>a:hover {
text-decoration: none;
background-color: #eee
}

.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent
}

@media(min-width:768px) {
.navbar {
border-radius: 4px
}
}

@media(min-width:768px) {
.navbar-header {
float: left
}
}

@media all {
a {
background: 0 0;
color: #aaa
}
a:hover,
a:active,
a:focus {
outline: 0;
background: 0 0;
text-decoration: none
}
button {
color: inherit;
font: inherit;
margin: 0;
font-size: 16px;
font-size: 1.5rem;
line-height: 1.5
}
button {
overflow: visible
}
button {
text-transform: none
}
button {
-webkit-appearance: button;
cursor: pointer
}
button::-moz-focus-inner {
border: 0;
padding: 0
}
ul {
margin: 0 0 1.5em 3em
}
ul {
list-style: disc
}
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box
}
.read-more {
color: #fff;
font-size: 13px;
font-weight: 700;
text-align: center;
line-height: 26px;
padding: 4px 10px;
width: auto;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s
}
.top-header {
padding: 5px 0;
color: #fff!important;
font-size: 13px
}
.top-header.left-curve {
border-radius: 0 0 0 100px
}
.top-header a {
color: #fff;
font-size: 13px;
display: inline-block
}
.top-header .top-phone,
.top-header .top-email {
margin-right: 20px
}
.top-header .text-left {
padding-top: 4px;
overflow: hidden
}
.top-header .text-left i {
margin-right: 5px
}
.top-header-latest-posts,
.top-header-latest-posts .bn-title,
.top-header-latest-posts .news-notice-content {
display: inline-block
}
.news-notice-content .news-content {
display: none
}
.top-header .socials {
margin: 0;
display: inline-block
}
@media only screen and (max-width:767px) {
.top-header .text-right,
.top-header .text-left {
text-align: center
}
}
.site-title,
.site-title a {
color: #003a6a;
font-size: 30px;
margin: 0
}
.site-description {
color: #003a6a;
margin: 0
}
.read-more {
color: #fff;
border-radius: 4px;
font-size: 13px;
font-weight: 700;
text-align: center;
line-height: 26px;
padding: 4px 10px;
width: auto;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s
}
.socials a,
.socials a:hover {
color: #fff
}
.socials {
list-style: none;
margin: 0 0 10px;
padding: 0
}
.socials li {
display: inline-block
}
.socials li a {
width: 32px;
height: 32px;
text-align: center;
line-height: 32px;
display: inline-block;
border-radius: 4px;
transition: background .5s;
-webkit-transition: background .5s
}
.socials li.facebook a:hover,
.socials li.facebook a:focus {
background: #3e5993
}
.socials li.twitter a:hover,
.socials li.twitter a:focus {
background: #00c3f8
}
.socials li.youtube a:hover,
.socials li.youtube a:focus {
background: #cc181e
}
.socials li.google-plus a:hover,
.socials li.google-plus a:focus {
background: #ea4335
}
.init-animate {
visibility: hidden
}
}

/*!CSS Used from: Embedded*/

.top-header {
background: #0d8f4f;
background: linear-gradient(to right, #490249, #87211c)
}

a:hover,
a:active,
a:focus,
.main-navigation .navbar-nav>li a:hover,
.news-notice-content .news-content a:hover {
color: #fd5308
}

.navbar .navbar-toggle:hover,
.read-more {
background-color: #fd5308;
color: #fff
}

.top-header .read-more {
border: 2px solid #fd5308
}

/*!CSS Used from: https://examplaza.com/public/assets/css/style.css*/

* {
transition: background-color 300ms ease, color 300ms ease
}

*:focus {
outline: none
}

.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box
}

.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #0d8f4f;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

textarea {
width: 100%;
height: 100px;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 rgba(0, 0, 0, .07);
border-color: -moz-use-text-color #fff #fff -moz-use-text-color;
border-image: none;
border-radius: 6px 6px 6px 6px;
border-style: none solid solid none;
border-width: medium 1px 1px medium;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12) inset;
color: #555;
font-family: helvetica neue, Helvetica, Arial, sans-serif;
font-size: 1em;
line-height: 1.4em;
transition: background-color .2s ease 0s
}

textarea:focus {
background: none repeat scroll 0 0 #fff;
outline-width: 0
}

button,
input {
overflow: visible
}

[type=checkbox] {
box-sizing: border-box;
padding: 0
}

h1 {
font-size: 2em;
margin: .67em 0
}

a {
background-color: transparent
}

img {
border-style: none
}

button,
input {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}

button {
text-transform: none
}

button {
-webkit-appearance: button
}

button::-moz-focus-inner {
border-style: none;
padding: 0
}

button:-moz-focusring {
outline: ButtonText dotted 1px
}

/*!CSS Used from: https://aimtoget.com/assets/css/styles.css?v=0.58*/

:focus {
outline: none!important
}

* {
box-sizing: border-box
}

h1 {
margin: 0
}

a {
color: #771d18;
text-decoration: none
}

.align-right {
text-align: right!important
}

.centered {
text-align: center
}

.is-bold {
font-weight: 700
}

.padded {
padding: 1em
}

.margin-v {
margin: 1em 0
}

.text-white {
color: #fff
}

.input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 0;
color: #000;
font-family: inherit;
font-size: .97em;
height: 37px;
padding: .3em;
position: relative;
transition: all ease-in-out .2s
}

@media(max-width:599px) {
.input {
height: 40px
}
}

.input:disabled {
background-color: #f0f0f0;
cursor: not-allowed
}

.input–full-width {
display: block;
min-width: 100%;
width: 100%
}

.input:focus {
border-color: #d0d0d0
}

.button {
background-color: #d0d0d0;
border: 0;
border-radius: .2em;
box-shadow: 0 2px 1px rgba(0, 0, 0, .3);
color: #fff;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-weight: 700;
padding: .6em 1em .45em;
text-transform: uppercase;
letter-spacing: .05em
}

.button:active {
box-shadow: none
}

.button:disabled {
background-color: #d0d0d0;
color: #555;
cursor: not-allowed
}

.button–primary {
background-color: #0d8f4f
}

.button–full-width {
display: block;
width: 100%
}

.auth__container {
margin: auto;
margin-top: 4em;
max-width: 400px
}

@media(max-width:599px) {
.auth__container {
margin-top: 0;
width: 100%
}
}

.auth__container a {
font-weight: 700
}

.auth__container a:hover {
text-decoration: underline
}

.auth__content {
background-color: #0d8f4f;
border-radius: .2em;
padding: 1em
}

.auth__logo {
padding: 1em 0;
text-align: center
}

.auth__logo img {
width: 170px;
height: 35px;
margin: 1em
}

.auth__title {
font-size: 1.8em;
font-weight: 400;
text-align: center
}

.auth__subtitle {
color: #333;
padding: 2em 2em 0;
text-align: center
}

.auth__form {
display: block;
margin: 2em 0 0
}

.auth__input {
margin: 1.5em 1em
}

.auth__link {
display: inline-block;
font-size: .9em;
margin: .3em 0 0
}

img {
max-width: 100%;
max-height: 100%
}

JOIN FOR TELEGRAM CHANNEL FOR LATEST UPDATES

X