/* 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);
}

.blocktwo h2 {
	color: var(--white);
}

.blockthree h2 {
	color: var(--white);
}

.blockthree .fab {
	color: var(--info);
	font-size: 2.5rem;
}

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

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

.blocktwo {
	padding-bottom: 5rem;
}