main.container {
    height: 92vh;
    overflow: auto;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 9;
    position: relative;
    margin-bottom: 50px;
}

.text-shadow {
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
    font-weight: bold;
    color: #feff00 !important;
}

h2 {
    background-color: gray;
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
    margin-top: 30px;
    font-size: 1.5rem;
    display: inline-block;
}


.floating-btn {
    border-radius: 30px;
    position: fixed;
    bottom: 40px;
    right: 11%;
    padding: 20px 30px;
}

@media screen and (max-width: 768px) {
    body {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .center-img {
        width: 100% !important;
        border-radius: 20px !important;
        margin: 0 auto !important;
        max-width: none;
        display: block;
        float: none !important;
        flex: none;
        padding: 0 !important;
    }
}








 .background {
	width: 100vw;
    height: 100vh;
    background: #740400;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
}
 .background span {
	 width: 20vmin;
	 height: 20vmin;
	 border-radius: 20vmin;
	 backface-visibility: hidden;
	 position: absolute;
	 animation-name: move;
	 animation-duration: 6s;
	 animation-timing-function: linear;
	 animation-iteration-count: infinite;
}
 .background span:nth-child(1) {
	 color: #ffacac;
	 top: 34%;
	 left: 96%;
	 animation-duration: 12.4s;
	 animation-delay: -0.8s;
	 transform-origin: -7vw 10vh;
	 box-shadow: -40vmin 0 1848309395vmin currentColor;
}
 .background span:nth-child(2) {
	 color: #583c87;
	 top: 83%;
	 left: 58%;
	 animation-duration: 13.3s;
	 animation-delay: -15.4s;
	 transform-origin: 8vw -10vh;
	 box-shadow: -40vmin 0 5270906745vmin currentColor;
}
 .background span:nth-child(3) {
	 color: #583c87;
	 top: 71%;
	 left: 78%;
	 animation-duration: 14.7s;
	 animation-delay: -1.4s;
	 transform-origin: -4vw 18vh;
	 box-shadow: -40vmin 0 11147311035vmin currentColor;
}
 .background span:nth-child(4) {
	 color: #583c87;
	 top: 72%;
	 left: 3%;
	 animation-duration: 15.2s;
	 animation-delay: -6.4s;
	 transform-origin: 7vw 9vh;
	 box-shadow: -40vmin 0 20131178405vmin currentColor;
}
 .background span:nth-child(5) {
	 color: #583c87;
	 top: 24%;
	 left: 51%;
	 animation-duration: 12.5s;
	 animation-delay: -15.4s;
	 transform-origin: -19vw 24vh;
	 box-shadow: -40vmin 0 20993454575vmin currentColor;
}
 .background span:nth-child(6) {
	 color: #e45a84;
	 top: 71%;
	 left: 71%;
	 animation-duration: 10.1s;
	 animation-delay: -0.9s;
	 transform-origin: 18vw 15vh;
	 box-shadow: -40vmin 0 15742374545vmin currentColor;
}
 .background span:nth-child(7) {
	 color: #e45a84;
	 top: 66%;
	 left: 34%;
	 animation-duration: 13.1s;
	 animation-delay: -1.2s;
	 transform-origin: -9vw -5vh;
	 box-shadow: -40vmin 0 15672343385vmin currentColor;
}
 .background span:nth-child(8) {
	 color: #e45a84;
	 top: 58%;
	 left: 5%;
	 animation-duration: 15.8s;
	 animation-delay: -12.3s;
	 transform-origin: 7vw 22vh;
	 box-shadow: -40vmin 0 17071407735vmin currentColor;
}
 .background span:nth-child(9) {
	 color: #e45a84;
	 top: 37%;
	 left: 10%;
	 animation-duration: 14.9s;
	 animation-delay: -14.4s;
	 transform-origin: 16vw -2vh;
	 box-shadow: -40vmin 0 925879735vmin currentColor;
}
 .background span:nth-child(10) {
	 color: #e45a84;
	 top: 17%;
	 left: 90%;
	 animation-duration: 14.3s;
	 animation-delay: -13.1s;
	 transform-origin: -6vw 18vh;
	 box-shadow: -40vmin 0 6735602345vmin currentColor;
}
 .background span:nth-child(11) {
	 color: #e45a84;
	 top: 13%;
	 left: 20%;
	 animation-duration: 11.6s;
	 animation-delay: -7.6s;
	 transform-origin: 16vw 10vh;
	 box-shadow: -40vmin 0 18012429145vmin currentColor;
}
 .background span:nth-child(12) {
	 color: #e45a84;
	 top: 88%;
	 left: 87%;
	 animation-duration: 13.6s;
	 animation-delay: -13.4s;
	 transform-origin: 2vw -3vh;
	 box-shadow: -40vmin 0 1357062025vmin currentColor;
}
 .background span:nth-child(13) {
	 color: #ffacac;
	 top: 61%;
	 left: 54%;
	 animation-duration: 11.9s;
	 animation-delay: -15.9s;
	 transform-origin: 3vw 12vh;
	 box-shadow: -40vmin 0 13479387915vmin currentColor;
}
 .background span:nth-child(14) {
	 color: #e45a84;
	 top: 59%;
	 left: 45%;
	 animation-duration: 15s;
	 animation-delay: -12.8s;
	 transform-origin: -8vw -21vh;
	 box-shadow: -40vmin 0 8644344665vmin currentColor;
}
 .background span:nth-child(15) {
	 color: #ffacac;
	 top: 18%;
	 left: 75%;
	 animation-duration: 12.6s;
	 animation-delay: -10.1s;
	 transform-origin: 11vw -22vh;
	 box-shadow: -40vmin 0 7944783605vmin currentColor;
}
 .background span:nth-child(16) {
	 color: #583c87;
	 top: 13%;
	 left: 99%;
	 animation-duration: 16s;
	 animation-delay: -15.1s;
	 transform-origin: -22vw -6vh;
	 box-shadow: -40vmin 0 20360596175vmin currentColor;
}
 .background span:nth-child(17) {
	 color: #583c87;
	 top: 99%;
	 left: 60%;
	 animation-duration: 13.2s;
	 animation-delay: -2.2s;
	 transform-origin: -4vw 9vh;
	 box-shadow: -40vmin 0 10793920375vmin currentColor;
}
 .background span:nth-child(18) {
	 color: #ffacac;
	 top: 84%;
	 left: 29%;
	 animation-duration: 15.7s;
	 animation-delay: -4.1s;
	 transform-origin: -7vw -5vh;
	 box-shadow: -40vmin 0 20956694505vmin currentColor;
}
 .background span:nth-child(19) {
	 color: #ffacac;
	 top: 89%;
	 left: 7%;
	 animation-duration: 10.2s;
	 animation-delay: -11.6s;
	 transform-origin: -9vw -21vh;
	 box-shadow: -40vmin 0 3671452595vmin currentColor;
}
 .background span:nth-child(20) {
	 color: #583c87;
	 top: 80%;
	 left: 95%;
	 animation-duration: 14s;
	 animation-delay: -0.3s;
	 transform-origin: -14vw 16vh;
	 box-shadow: -40vmin 0 3097302165vmin currentColor;
}
 @keyframes move {
	 100% {
		 transform: translate3d(0, 0, 1px) rotate(360deg);
	}
}