body {
  background-color: #f5f5f5;
}
h3 {
  font-size: 30px;
  font-family: "Comic Sans MS", cursive, sans-serif;
  letter-spacing: -0.4px;
  word-spacing: 1.2px;
  color: #000000;
  font-weight: 700;
  text-decoration: none;
  font-style: normal;
  font-variant: normal;
  text-transform: uppercase;
}
h1 {
  font-family: "Times New Roman", Times, serif;
}
h2 {
  font-family: "Times New Roman", Times, serif;
}

h4 {
  font-family: "Comic Sans MS", cursive, sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  word-spacing: 2px;
  color: #000000;
  font-weight: 400;
  text-decoration: none solid rgb(68, 68, 68);
  font-style: normal;
  font-variant: small-caps;
  text-transform: none;
}
p {
  font-size: 20px;
  font-family: "Comic Sans MS", cursive, sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  word-spacing: 2px;
  color: #000000;
  font-weight: 400;
  text-decoration: none solid rgb(68, 68, 68);
  font-style: normal;
  font-variant: small-caps;
  text-transform: none;
}
.a {
  background-color: #e0ffff;
  text-align: center;
  font-size: 70pt;
  border: 10px solid #add8e6;
  margin: 100px;
  padding: 80px;
  text-shadow: 5px 1px 5px #1f55a4;
  text-decoration: underline;
  transform: rotate(0.5);
  transform: translateX(10px) rotate(10deg) translateY(5px);
  transform: perspective(500px) translate(10px, 0, 20px) rotateY(3deg);
  -webkit-box-shadow: 5px 5px 15px 5px #ff8080, -9px 5px 15px 5px #ffe488,
    -7px -5px 15px 5px #8cff85, 12px -5px 15px 5px #80c7ff,
    12px 10px 15px 7px #e488ff, -10px 10px 15px 7px #ff616b,
    -10px -7px 27px 1px #8e5cff, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  box-shadow: 5px 5px 15px 5px #ff8080, -9px 5px 15px 5px #ffe488,
    -7px -5px 15px 5px #8cff85, 12px -5px 15px 5px #80c7ff,
    12px 10px 15px 7px #e488ff, -10px 10px 15px 7px #ff616b,
    -10px -7px 27px 1px #8e5cff, 5px 5px 15px 5px rgba(0, 0, 0, 0);
}
.b {
  background-color: #e0ffff;
  font-size: 40px;
  text-align: center;
  border: 10px solid #add8e6;
  text-shadow: 5px 1px 5px #1f55a4;
  text-decoration: underline;
  margin: 100px;
  transition-property: font-size;
  transition-duration: 4s;
  transition-delay: 2s;
  -moz-transform: translate(-27px, 15px) skew(9deg, -1deg);
  -webkit-transform: translate(-27px, 15px) skew(9deg, -1deg);
  -o-transform: translate(-27px, 15px) skew(9deg, -1deg);
  -ms-transform: translate(-27px, 15px) skew(9deg, -1deg);
  transform: translate(-27px, 15px) skew(9deg, -1deg);
  moz-transform: translate(-27px, 15px) skew(9deg, -1deg);
}

.c {
  background-color: #e0ffff;
  font-size: 30px;
  text-align: center;
  text-shadow: 5px 1px 5px #1f55a4;
  text-decoration: underline;
  border: 10px solid #add8e6;
  margin: 70px;
  transition-property: font-size;
  transition-duration: 4s;
  transition-delay: 2s;
  font-family: "Times New Roman", Times, serif;
  -moz-transform: translate(-27px, 15px) skew(-3deg, 6deg);
  -webkit-transform: translate(-27px, 15px) skew(-3deg, 6deg);
  -o-transform: translate(-27px, 15px) skew(-3deg, 6deg);
  -ms-transform: translate(-27px, 15px) skew(-3deg, 6deg);
  transform: translate(-27px, 15px) skew(-3deg, 6deg);
}

.d {
  background-color: #faf7af;
  font-size: 25px;
  letter-spacing: 0.2px;
  word-spacing: -0.8px;
  color: #000000;
  font-weight: 400;
  text-decoration: none;
  font-style: normal;
  font-variant: small-caps;
  text-transform: none;
  background: linear-gradient(to bottom, #00bfff, #ccc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.e {
  text-align: center;
  background-color: #e4a7fa;
  color: #b303ff;
  text-shadow: 2px 2px 3px #a4007e;
  border-right: 12px double rgba(145, 23, 164, 0.68);
  border-left: 12px double rgba(145, 23, 164, 0.68);
  display: grid;
}
.f {
  letter-spacing: 0.2px;
  word-spacing: -0.8px;
  color: #000000;
  font-weight: 400;
  text-decoration: none;
  font-style: normal;
  font-variant: small-caps;
  text-transform: none;
  font-size: 25px;
  background: linear-gradient(to bottom, #9400d3, #ccc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.g {
  text-align: center;
  color: #024f1a;
  background-color: #90ee90;
  text-shadow: 2px 2px 3px #00a40a;
  border-right: 12px double rgba(3, 113, 21, 0.68);
  border-left: 12px double rgba(3, 113, 21, 0.68);
}
.h {
  color: #018529;
  font-size: 20px;
  border-radius: 25px;
}

.i {
  color: #09b03b;
  font-size: 20px;
}
.j {
  font-size: 20px;
  color: #32fc6f;
}
.k {
  color: #32fc6f;
  font-size: 20px;
}
.l {
  font-size: 20px;
  color: #bafc8d;
}
.ll {
  color: #042194;
  text-align: center;
  background-color: #e0ffff;
  text-shadow: 2px 2px 3px #0813a4;
  border-left: 12px double rgba(3, 9, 161, 0.68);
  border-right: 12px double rgba(3, 9, 161, 0.68);
}
.m {
  color: #1f05ab;
}
.n {
  color: #2d07f7;
}
.o {
  color: #6a4efc;
}
.p {
  color: #8e79fc;
}
.q {
  color: #6f83f7;
}
.r {
  color: #0018a3;
}
.s {
  color: #0327fc;
}
.t {
  color: #3d58fc;
}
.u {
  color: #bfb5f7;
}
.v {
  color: #36c7f7;
}
.w {
  color: #4169e1;
}
.x {
  color: #6495ed;
}
.y {
  color: #88f7e2;
}
.z {
  color: #00bfff;
}
.zz {
  color: #75ffd3;
}
.A {
  color: #5b0478;
  text-align: center;
  background-color: #d8bfd8;
  text-shadow: 2px 2px 3px #9d3ea4;
  border-left: 12px double rgba(128, 0, 161, 0.68);
  border-right: 12px double rgba(128, 0, 161, 0.68);
}
.B {
  color: #8c09b8;
}
.C {
  color: #8c09b8;
}
.D {
  color: #d46af7;
}
.E {
  color: #f36ffc;
}
.F {
  color: #f7aefc;
}
.G {
  color: #701304;
  text-align: center;
  background-color: #fa8072;
  text-shadow: 2px 2px 3px #a40303;
  border-right: 12px double rgba(161, 0, 0, 0.68);
  border-left: 12px double rgba(161, 0, 0, 0.68);
}
.H {
  color: #a11d08;
}
.I {
  color: #b51209;
}
.J {
  color: #e80b07;
}
.K {
  color: #c73508;
}
.L {
  color: #f50707;
}
.M {
  color: #ff3838;
}
.N {
  color: #fc7979;
}
.O {
  color: #ff0000;
}
.P {
  color: #a52a2a;
}
.Q {
  color: #cd5c5c;
}
.Y {
  text-align: center;
  color: #2E8B57#98FB98;
  background-color: #98fb98;
  text-shadow: 3px 2px 3px #1da408;
  border-right: 12px double rgba(0, 127, 33, 0.68);
  border-left: 12px double rgba(0, 127, 33, 0.68);
}
.X {
  color: #228b22;
  text-align: center;
  font-size: 20px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #49ff18,
    0 0 30px #49ff18, 0 0 40px #49ff18, 0 0 55px #49ff18, 0 0 75px #49ff18;
}
.W {
  font-size: 20px;
  color: #228b22;
  text-align: center;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #49ff18,
    0 0 30px #49ff18, 0 0 40px #49ff18, 0 0 55px #49ff18, 0 0 75px #49ff18;
}
.CS {
  font-size: 20px;
  color: #228b22;
  text-align: center;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #49ff18,
    0 0 30px #49ff18, 0 0 40px #49ff18, 0 0 55px #49ff18, 0 0 75px #49ff18;
}

.Z {
  color: #7d7906;
  text-align: center;
  background-color: #ffefd5;
  border-left: 12px double rgba(255, 220, 0, 0.68);
  border-right: 12px double rgba(255, 220, 0, 0.68);
  text-shadow: 2px 2px 2px #a49a14;
}
.R {
  color: #dbd642;
}
.S {
  color: #ffd700;
}
.T {
  color: #daa520;
}
.U {
  color: #ff7f50;
}
.V {
  color: #ff6347;
}