.blockone {
	min-height: calc( 30vh);
}


/* gradient css from 1stwebdesigner edited */
body {
    margin: 0;
    width: 100%;
    height: 100vh;
    background: linear-gradient(-45deg, #ff9c33, #ff5726, #ffc626, #0083b3, #33c9ff);
    background-size: 400% 400%;
    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 {
	font-size: 87%;
}

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

.blocktwo {
	padding-bottom: 5rem;
}


.blocktwo .card .card-container {
  position: relative;
  height:120px;
}

.blocktwo .card .card-img-top {
	object-fit:cover;
	opacity: 0.4;
	max-height:120px;
}

.blocktwo .card-deck .card .card-container .colorlay {
	background: black  !important;
    overflow: hidden  !important;
    background: #0083B3 !important;  /* fallback colour. */
    background: -webkit-linear-gradient(rgba(0,131,179, 0.8), rgba(232,108,35, 0.8))  !important;
    background: linear-gradient(rgba(0,131,179, 0.8), rgba(232,108,35, 0.8))  !important;
}


.blocktwo .card .bottom-right {
  position: absolute;
  bottom: 1.00rem;
  right: 1.00rem;
}

.blockthree {
	font-size: 87%;
}