/* gradient css from 1stwebdesigner edited */
body {
    margin: 0;
    width: 100%;
    height: 100vh;
    background: linear-gradient(-45deg, #ff9c33, #ff5726, #ffc626, #0083b3, #33c9ff);
    background-size: 200% 1800%;
    animation: gradientBG 25s ease infinite;
}

@keyframes gradientBG {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* fixing the a in the first block */
.blockone a:link,
.blockone a:visited {
	color: var(--white)
}

.blockone a:hover{
	color: var(--light-orange)
}

.blockone a:active {
	color: var(--light-blue)
}

.blocktwo .list-group-item {
	padding: .25rem .25rem;
}

.blocktwo {
	padding-bottom: 5rem;
}

.blocktwo p {
	font-size: 87%;
}

/* button fix groups */
.btn-start {
	color: var(--dark);
    background-color: var(--light);
}

/* class dflex to stretch */
.cstr {
  display: flex;
}

a[data-toggle="popover"] {
	cursor:pointer;
}

.card-body p {
	font-size:90%;
}