/* CSS */
@import url('https://fonts.googleapis.com/css2?family=Annie+Use+Your+Telescope&family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Covered+By+Your+Grace&family=Kalam:wght@300;400;700&family=Kaushan+Script&family=Loved+by+the+King&family=Merienda:wght@300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Permanent+Marker&family=Rock+Salt&display=swap');
/*
Google fonts
	Annie Use Your Telescope
	Chakra Petch
	Covered By Your Grace
	Kalam
	Kaushan Script
	Loved by the King
	Merienda
	Montserrat
	Permanent Marker
	Rock Salt
*/

--color-main: #6a5acd; /* slateblue */
--color-main-hue-100: #ffffff;  /* white */
--color-main-hue-95: #edebf9;
--color-main-hue-90: #dcd8f3;
--color-main-hue-85: #cac4ed;
--color-main-hue-80: #b8b1e7;
--color-main-hue-75: #a69de1;
--color-main-hue-70: #958adb;
--color-main-hue-65: #8376d5;
--color-main-hue-60: #7163cf;
--color-main-hue-58: #6a5acd; /* slateblue */
--color-main-hue-55: #604fc9;
--color-main-hue-50: #4e3cc3;
--color-main-hue-45: #4636b0;
--color-main-hue-40: #3e309c;
--color-main-hue-35: #372a89;
--color-main-hue-30: #2f2475;
--color-main-hue-25: #271e62;
--color-main-hue-20: #1f184e;
--color-main-hue-15: #17123b;
--color-main-hue-10: #100c27;
--color-main-hue-5: #080614;
--color-main-hue-0: #000000;  /* black */

--color-main: slateblue;
--color-white: #ffffff;  /* white */
--color-red-95: #ffe6e6;
--color-red-90: #ffcccc;
--color-red-85: #ffb3b3;
--color-red-80: #ff9999;
--color-red-75: #ff8080;
--color-red-70: #ff6666;
--color-red-65: #ff4d4d;
--color-red-60: #ff3333;
--color-red-55: #ff1a1a;
--color-red-50: #ff0000;  /* red */
--color-red: #ff0000;  /* red */
--color-red-45: #e60000;
--color-red-40: #cc0000;
--color-red-35: #b30000;
--color-red-30: #990000;
--color-red-25: #800000;
--color-red-20: #660000;
--color-red-15: #4d0000;
--color-red-10: #330000;
--color-red-5: #1a0000;
--color-yellow-95: #ffffe6;
--color-yellow-90: #ffffcc;
--color-yellow-85: #ffffb3;
--color-yellow-80: #ffff99;
--color-yellow-75: #ffff80;
--color-yellow-70: #ffff66;
--color-yellow-65: #ffff4d;
--color-yellow-60: #ffff33;
--color-yellow-55: #ffff1a;
--color-yellow-50: #ffff00;  /* yellow */
--color-yellow: #ffff00;  /* yellow */
--color-yellow-45: #e6e600;
--color-yellow-40: #cccc00;
--color-yellow-35: #b3b300;
--color-yellow-30: #999900;
--color-yellow-25: #808000;
--color-yellow-20: #666600;
--color-yellow-15: #4d4d00;
--color-yellow-10: #333300;
--color-yellow-5: #1a1a00;
--color-blue-95: #e6e6ff;
--color-blue-90: #ccccff;
--color-blue-85: #b3b3ff;
--color-blue-80: #9999ff;
--color-blue-75: #8080ff;
--color-blue-70: #6666ff;
--color-blue-65: #4d4dff;
--color-blue-60: #3333ff;
--color-blue-55: #1a1aff;
--color-blue-50: #0000ff;  /* blue */
--color-blue: #0000ff;  /* blue */
--color-blue-45: #0000e6;
--color-blue-40: #0000cc;
--color-blue-35: #0000b3;
--color-blue-30: #000099;
--color-blue-25: #000080;
--color-blue-20: #000066;
--color-blue-15: #00004d;
--color-blue-10: #000033;
--color-blue-5: #00001a;
--color-orange-95: #fff6e6;
--color-orange-90: #ffedcc;
--color-orange-85: #ffe4b3;
--color-orange-80: #ffdb99;
--color-orange-75: #ffd280;
--color-orange-70: #ffc966;
--color-orange-65: #ffc14d;
--color-orange-60: #ffb833;
--color-orange-55: #ffaf1a;
--color-orange-50: #ffa500;  /* orange */
--color-orange: #ffa500;  /* orange */
--color-orange-45: #e69500;
--color-orange-40: #cc8500;
--color-orange-35: #b37400;
--color-orange-30: #996300;
--color-orange-25: #805300;
--color-orange-20: #664200;
--color-orange-15: #4d3200;
--color-orange-10: #332100;
--color-orange-5: #1a1100;
--color-green-95: #e6ffe6;
--color-green-90: #ccffcc;
--color-green-85: #b3ffb3;
--color-green-80: #99ff99;
--color-green-75: #80ff80;
--color-green-70: #66ff66;
--color-green-65: #4dff4d;
--color-green-60: #33ff33;
--color-green-55: #1aff1a;
--color-green-50: #00ff00;
--color-green-45: #00e600;
--color-green-40: #00cc00;
--color-green-35: #00b300;
--color-green-30: #009900;
--color-green-25: #008000;  /* green */
--color-green: #008000;  /* green */
--color-green-20: #006600;
--color-green-15: #004d00;
--color-green-10: #003300;
--color-green-5: #001a00;
--color-Lime-95: #e6fff6;
--color-Lime-90: #ccffed;
--color-Lime-85: #b3ffe4;
--color-Lime-80: #99ffdb;
--color-Lime-75: #80ffd2;
--color-Lime-70: #66ffc9;
--color-Lime-65: #4dffc1;
--color-Lime-60: #33ffb8;
--color-Lime-55: #1affaf;
--color-Lime-50: #00ffa5;
--color-Lime-45: #00e695;
--color-Lime-40: #00cc85;
--color-Lime-35: #00b374;
--color-Lime-30: #009963;
--color-Lime-25: #008053;
--color-Lime-20: #006642;
--color-Lime-15: #004d32;
--color-Lime-10: #003321;
--color-Lime-5: #001a11;
--color-purple-95: #ffe6ff;
--color-purple-90: #ffccff;
--color-purple-85: #ffb3ff;
--color-purple-80: #ff99ff;
--color-purple-75: #ff80ff;
--color-purple-70: #ff66ff;
--color-purple-65: #ff4dff;
--color-purple-60: #ff33ff;
--color-purple-55: #ff1aff;
--color-purple-50: #ff00ff;
--color-purple-45: #e600e6;
--color-purple-40: #cc00cc;
--color-purple-35: #b300b3;
--color-purple-30: #990099;
--color-purple-25: #800080;  /* purple */
--color-purple: #800080;  /* purple */
--color-purple-20: #660066;
--color-purple-15: #4d004d;
--color-purple-10: #330033;
--color-purple-5: #1a001a;
--color-fuchsia-95: #f6e6ff;
--color-fuchsia-90: #edccff;
--color-fuchsia-85: #e4b3ff;
--color-fuchsia-80: #db99ff;
--color-fuchsia-75: #d280ff;
--color-fuchsia-70: #c966ff;
--color-fuchsia-65: #c14dff;
--color-fuchsia-60: #b833ff;
--color-fuchsia-55: #af1aff;
--color-fuchsia-50: #a500ff;
--color-fuchsia-45: #9500e6;
--color-fuchsia-40: #8500cc;
--color-fuchsia-35: #7400b3;
--color-fuchsia-30: #630099;
--color-fuchsia-25: #530080;
--color-fuchsia-20: #420066;
--color-fuchsia-15: #32004d;
--color-fuchsia-10: #210033;
--color-fuchsia-5: #11001a;
--color-black: #000000;

body, div
{
	font-family:"Kalam", cursive;
}

a
{
	border-radius: 15px 15px 15px 15px;
} 


div#listen
{
  background-color: #e6e6ff;
  animation-name: example;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

@keyframes example {
  50%  {background-color: #8080ff; font-size: 1.05rem;}
 100%  {background-color: #e6e6ff; font-size: 0.95rem;}
}

#stonecoldprofessor-id
{
  color: black;
  animation-name: animation-example2;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@keyframes animation-example2 {
  33%  {color: red;   font-size: 1.02rem;}
  66%  {color: red;   font-size: 1.02rem;}
 100%  {color: black; font-size: 0.97rem;}
}