Add drop shadow to stuff

static/sexy.css

@@ -348,6 +348,8 @@ a:hover {
 #discord-image:hover {
 	transition: 0.2s;
 	transform: scale(1.25, 1.25);
+	--shadowcolor: rgba(113, 51, 128, 1);
+	filter: drop-shadow(0px 0px 5px var(--shadowcolor)) drop-shadow(0px 0px 5px var(--shadowcolor)) drop-shadow(0px 0px 5px var(--shadowcolor));
 }
 
 .back-text {
@@ -372,7 +374,7 @@ a:hover {
 	height: 8vh;
 	border-radius: 5vh;
 	
-	font-size: 8vh;
+	font-size: 8vh !important;
 	color: gray;
 	letter-spacing: 2pt;
 	user-select: none;
@@ -385,13 +387,15 @@ a:hover {
 }
 .about-button:hover {
 	transition: 0.2s !important;
+	text-shadow: 0px 0px 5px #713380, 0px 0px 5px #713380;
+	box-shadow: 0px 0px 10px 4px #713380;
 	transform: translate(-50%, 0%) scale(1.25, 1.25);
 }
 
 #about {
 	position: fixed;
 	display: none;
-	width: 50vw;
+	width: 80vw;
 	height: 50vh;
 	top: 50%;
 	left: 50%;
@@ -417,7 +421,8 @@ body #about-disable {
 body.about-enable #about-disable{
 	display: block;
 }
-#about div {
+#about div, #about a {
+	font-size: 32pt;
 	flex: 1 0;
 }
 

templates/index.html

@@ -50,7 +50,7 @@
         <div id="about">
             <div>Everything on this site was created by chemicalcrux</div>
             <div>You can find me on <a href="https://www.furaffinity.net/user/chemicalcrux">Fur Affinity</a></div>
-            <div>You can also join the Discord server linked at the top of the page for updates</div>
+            <div>You can also join the Discord server for updates</div>
             <div class="about-button" id="about-disable" onclick="document.querySelector('body').classList.remove('about-enable')">back</div>
         </div>
         <div class="about-button" id="about-enable" onclick="document.querySelector('body').classList.add('about-enable')">about</div>