.light-theme {
	--bgCol: #FFF;
	--bgCol2: rgb(189, 189, 189);
	--bgCol3: rgb(158, 158, 158);
	--linkCol: #8D172B;
	--textCol: #000;
}
.dark-theme {
	--bgCol: #000;
	--bgCol2: rgb(43, 43, 43);
	--bgCol3: rgb(100, 100, 100);
	--linkCol: #168C79;
	--textCol: #DDD;
}
body {
	background-color: var(--bgCol);
	overflow: hidden;
}
.round18 {
    border-radius: 18px;
}
@keyframes bubble {
	0% {top: -15vh}
	100% {top: -115vh}
}
.footlinks:after, .footlinks:before{
	content:" ";
}
#bubbles {
	background: url(Bubbles.png) center;
	background-size: 57vw;
	width: 150vw;
	height: 400vh;
	position: absolute;
	top: 0vh;
	left: -10vw;
	z-index: -100;
	animation: bubble 5s linear 0s infinite;
}
/* INFORMATION SECTION */
#backrect {
    background-color: var(--bgCol2);
	width: 268px;
	height: 134px;
	/*height: 296px;*/
	position: absolute;
	top: 252px;
	right: -15px;
}
#inforect {
    background-color: var(--bgCol3);
	width: 232px;
	height: 100px;
	position: absolute;
	top: 268px;
	right: 10px;
	border-radius: 20px;
}
#infotext {
    text-align: center;
	position: absolute;
	top: 2px;
	left: 15px;
	width: 200px;
	height: 80px;
	color: var(--textCol);
	font-size: 14px;
}

/* LINKS SECTION */
#seclink {
    position: absolute;
	top: 127px;
	left: 254px;
	width: 100px;
	height: 100px;
	background: linear-gradient(to top right, #673ab7, #f44336);
	border: none;
}
#bottlelink {
	position: absolute;
	top: 65.3%;
	left: 54.65%;
	width: 100px;
	height: 100px;
	border: none;
	background: linear-gradient(to top left, #9900ae, #00ffaa);
}
#headerlink {
	position: absolute;
	top: 11.4%;
	left: 41.54%;
	width: 100px;
	height: 100px;
	border: none;
	background: linear-gradient(37deg, #00ae91, #ffae00);
}

#foot {
	background-color: var(--bgCol2);
	position: fixed;
	height: 4rem;
	bottom: 000px;
	left: 0px;
	width: 100%;
}
.footlinks a {
	color: var(--linkCol);
}
#foot p {
	color: #777;
}

.circle {
	border-radius: 1000px;
}

.circle {
	transition: 1.5s;
}
.circle:hover {
    transform: scale(2);
}

#footlinktxt {
	text-align: center;
}
#ChangeThemes { 
	width: 5rem;
	height: 5rem;
}