/*
@use 'vendors/bootstrap';
@use 'vendors/jquery-ui';
*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
}

html {
  font-family: "Bellota Text", sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 10px;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.8rem;
}

h3 {
  font-size: 1.6rem;
}

h4 {
  font-size: 1.55rem;
}

h5 {
  font-size: 1.5rem;
}

h6 {
  font-size: 1.38rem;
}

p, a, button, input, figcaption, label, tr, th, td {
  font-size: 1.4rem;
}

a {
  text-decoration: none;
}

body {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

main {
  width: inherit;
  display: inherit;
  flex-direction: inherit;
  justify-content: inherit;
  align-items: inherit;
}

hr {
  width: 80%;
  border: none;
  height: 1px;
  margin: 3rem;
}

.gallery {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.gallery .card {
  width: 25%;
  height: 40%;
}
.gallery .card figure {
  width: 100%;
}
.gallery .card figcaption {
  width: 100%;
}

nav {
  width: 70%;
  display: none;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
}
nav ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: inherit;
}
nav ul li {
  display: flex;
  width: 25%;
  height: inherit;
  align-items: center;
  justify-content: center;
}
nav ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: inherit;
  font-size: 1.6rem;
}

header {
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
  height: 3.5rem;
  margin: inherit;
  z-index: 10;
}

body header {
  width: inherit;
  height: 3.5rem;
  display: inherit;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
body header h1 {
  display: inherit;
  align-items: inherit;
  width: 10%;
}
body header h1 a {
  font-size: inherit;
}
body header i {
  font-size: 1.6rem;
  padding-top: 3px;
  width: 50%;
  text-align: right;
  margin-right: 2rem;
}

section header {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 0.5rem;
  margin-bottom: 0;
  z-index: 5;
}

footer {
  position: relative;
  bottom: 0%;
  width: 100%;
  height: 3.5rem;
  display: flex;
  align-items: center;
}
footer ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
footer ul li {
  width: 30%;
}
footer ul #socials {
  width: 50%;
}

header nav.sm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  height: 100vh;
  width: 100vw;
  z-index: 30;
  position: fixed;
  top: 0;
  left: 0;
}
header nav.sm ul {
  height: auto;
  position: absolute;
  top: 5rem;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
header nav.sm li {
  height: auto;
  margin: 1.5rem;
}
header nav.sm li a {
  height: auto;
  font-size: 2rem;
}
header nav.sm li a:hover {
  transition: none;
}

button {
  box-shadow: none;
  border-style: solid;
  cursor: pointer;
}

.carousel {
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
  width: 80%;
  height: 300px;
  margin: 10px;
}
.carousel button {
  height: 100%;
  width: 15%;
}
.carousel button:hover {
  transition: all 0.3s ease-in-out;
}
.carousel .card {
  width: 70%;
  height: 100%;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid;
  border-radius: 4px;
}
.carousel .card.active {
  display: inherit;
}
.carousel .card figure {
  width: 100%;
  height: 85%;
}
.carousel .card figure a {
  width: inherit;
}
.carousel .card figure a img {
  object-fit: cover;
  width: inherit;
  height: 100%;
  z-index: 1;
  border-left: 1px solid;
  border-right: 1px solid;
}
.carousel .card figcaption {
  padding: 3px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  height: 15%;
  width: 100%;
  border-left: 1px solid;
  border-right: 1px solid;
}
.carousel .animate-fade {
  animation: carousel-card-fades ease-in-out 0.4s;
}

.carousel-btn {
  z-index: 5;
}

#prev-btn {
  border-right: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

#next-btn {
  border-left: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

@keyframes carousel-card-fades {
  from {
    opacity: 100%;
  }
  to {
    opacity: 0%;
  }
}
iframe {
  border-radius: 5px;
  width: 80%;
  height: 200px;
  margin: 10px;
  max-width: 550px;
  max-height: 380px;
}

#spotify {
  max-width: 400px;
}

.home section {
  margin: 2rem auto;
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.home section:first-of-type {
  margin-top: 4rem;
}

.home section header {
  margin: 1.2rem;
}

/*
.home figure {
    width: 40%;
    height: auto;

}

.home img {
    object-fit: fill;
    width: 100%;
    border-radius: variables.$border-radius;

}
*/
/*
.home iframe {
    border-radius: variables.$border-radius;
    width: 90%;
    height: 200px;
}

.home {
    main {
        section {
            iframe {
                margin: variables.$m-tb-default;
            }
        }

    }
}
*/
.fun-stuff main {
  height: 100vh;
  justify-content: start;
}

.fun-stuff section {
  width: inherit;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.fun-stuff section div.project {
  cursor: pointer;
  width: 230px;
  height: 100px;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem;
  padding: 0.8rem;
}
.fun-stuff section div.project a {
  font-size: 1.8rem;
  text-align: center;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
}

.fun-stuff h2 {
  margin: 4rem;
}

.pokemon main {
  height: 100vh;
  justify-content: start;
  padding: 3rem;
}
.pokemon main section {
  width: 70%;
}
.pokemon main section h2, .pokemon main section h3 {
  margin: 2rem;
}
.pokemon main section form {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: 150px;
}
.pokemon main section form input, .pokemon main section form button {
  width: 50%;
}
.pokemon main section form input {
  margin-bottom: 0;
}
.pokemon main section form button {
  height: 40px;
  border-radius: 5px;
  margin-top: 0;
}
.pokemon main section form * {
  margin: 0.5rem;
}
.pokemon main table {
  width: 150px;
}
.pokemon main table th[scope=col]:first-of-type {
  text-align: left;
}
.pokemon main table th[scope=col] {
  text-align: right;
}
.pokemon main table th[scope=row] {
  text-align: left;
}
.pokemon main table td {
  text-align: right;
}

.pokemon #img-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pokemon #sprite {
  width: 170px;
  height: auto;
  object-fit: contain;
  border-radius: 5px;
  padding: 1rem;
  margin: 1rem;
}
.pokemon #types {
  display: flex;
  width: 50%;
  align-items: center;
  justify-content: center;
  column-gap: 3px;
  margin: 8px auto;
}
.pokemon .type {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 74px;
  height: 28px;
  text-align: center;
  color: white;
  font-size: 1.4rem;
  border-radius: 5px;
  padding: 2px 4px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.pokemon #normal {
  background-color: #aaaa99;
  border: 1px solid #88887b;
  text-shadow: 1px 1px #88887b;
}
.pokemon #water {
  background-color: #3399ff;
  border: 1px solid #297bcc;
  text-shadow: 1px 1px #297bcc;
}
.pokemon #fire {
  background-color: #ff4422;
  border: 1px solid #cc361b;
  text-shadow: 1px 1px #cc361b;
}
.pokemon #grass {
  background-color: #77cc55;
  border: 1px solid #5fa344;
  text-shadow: 1px 1px #5fa344;
}
.pokemon #poison {
  background-color: #aa5599;
  border: 1px solid #88447b;
  text-shadow: 1px 1px #88447b;
}
.pokemon #electric {
  background-color: #ffcc33;
  border: 1px solid #e5b72e;
  text-shadow: 1px 1px #e5b72e;
}
.pokemon #psychic {
  background-color: #ff5599;
  border: 1px solid #cc447b;
  text-shadow: 1px 1px #cc447b;
}
.pokemon #dark {
  background-color: #775544;
  border: 1px solid #6b4c3d;
  text-shadow: 1px 1px #6b4c3d;
}
.pokemon #fairy {
  background-color: #ee99ee;
  border: 1px solid #d68ad6;
  text-shadow: 1px 1px #d68ad6;
}
.pokemon #dragon {
  background-color: #7766ee;
  border: 1px solid #5f52bf;
  text-shadow: 1px 1px #5f52bf;
}
.pokemon #ghost {
  background-color: #6666bb;
  border: 1px solid #525296;
  text-shadow: 1px 1px #525296;
}
.pokemon #ice {
  background-color: #66ccff;
  border: 1px solid #52a3cc;
  text-shadow: 1px 1px #52a3cc;
}
.pokemon #rock {
  background-color: #bbaa66;
  border: 1px solid #968852;
  text-shadow: 1px 1px #968852;
}
.pokemon #ground {
  background-color: #ddbb55;
  border: 1px solid #b19644;
  text-shadow: 1px 1px #b19644;
}
.pokemon #fighting {
  background-color: #bb5544;
  border: 1px solid #964436;
  text-shadow: 1px 1px #964436;
}
.pokemon #flying {
  background-color: #8899ff;
  border: 1px solid #6d7bcc;
  text-shadow: 1px 1px #6d7bcc;
}
.pokemon #bug {
  background-color: #aabb22;
  border: 1px solid #88961b;
  text-shadow: 1px 1px #88961b;
}
.pokemon #steel {
  background-color: #aaaabb;
  border: 1px solid #9999a8;
  text-shadow: 1px 1px #9999a8;
}

.theme-light-1 {
  background-color: #f0f0f0;
  color: #003da5;
}
.theme-light-1 header {
  background-color: rgb(222.15, 222.15, 222.15);
}
.theme-light-1 section header {
  background-color: #f0f0f0;
}
.theme-light-1 hr {
  background-color: #003da5;
}
.theme-light-1 a {
  color: #c8102e;
}
.theme-light-1 button {
  background-color: #f0f0f0;
  color: #c8102e;
  border-color: #c8102e;
}
.theme-light-1 .carousel .card {
  border-color: #003da5;
}
.theme-light-1 .carousel .card figcaption {
  border-left-color: #003da5;
  border-right-color: #003da5;
}
.theme-light-1 .carousel .card img {
  border-color: #003da5;
}
.theme-light-1 .carousel button {
  background-color: #003da5;
  color: #f0f0f0;
  border-color: rgb(0, 42.1454545455, 114);
}
.theme-light-1 .carousel button:hover {
  background-color: rgb(214.5, 214.5, 214.5);
  color: #003da5;
}
.theme-light-1 nav ul li a {
  color: #003da5;
}
.theme-light-1 nav ul li a:hover {
  background-color: #003da5;
  color: rgb(222.15, 222.15, 222.15);
  transition: color 0.4s, background-color 0.4s;
}
.theme-light-1 nav.sm {
  background-color: hsl(0, 0%, 114.1176470588%);
}
.theme-light-1 nav.sm a:hover {
  color: inherit;
  background-color: inherit;
}
.theme-light-1 footer {
  background-color: rgb(222.15, 222.15, 222.15);
}
.theme-light-1.fun-stuff div.project {
  border-color: #003da5;
}
.theme-light-1.fun-stuff div.project:hover {
  background-color: #003da5;
  color: #f0f0f0;
  transition: color 0.4s, background-color 0.4s;
}
.theme-light-1.fun-stuff div.project a {
  color: inherit;
}
.theme-light-1.fun-stuff div.project a:hover {
  color: inherit;
}
.theme-light-1.pokemon #stats th[scope=col] {
  color: #c8102e;
}
.theme-light-1.pokemon #stats th[scope=row] {
  color: #a4c8e1;
}
.theme-light-1.pokemon td {
  color: #003da5;
}
.theme-light-1.pokemon #sprite {
  border: 1px #003da5 solid;
}

.theme-light-2 {
  background-color: #fdfefd;
  color: #343a3a;
}
.theme-light-2 header {
  background-color: rgb(229.2, 242.1, 229.2);
}
.theme-light-2 section header {
  background-color: #fdfefd;
}
.theme-light-2 hr {
  background-color: #343a3a;
}
.theme-light-2 a {
  color: #e31427;
}
.theme-light-2 button {
  background-color: #fdfefd;
  color: #e31427;
  border-color: #e31427;
}
.theme-light-2 .carousel .card {
  border-color: #343a3a;
}
.theme-light-2 .carousel .card figcaption {
  border-left-color: #343a3a;
  border-right-color: #343a3a;
}
.theme-light-2 .carousel .card img {
  border-color: #343a3a;
}
.theme-light-2 .carousel button {
  background-color: #343a3a;
  color: #fdfefd;
  border-color: rgb(27.8909090909, 31.1090909091, 31.1090909091);
}
.theme-light-2 .carousel button:hover {
  background-color: #dbeddb;
  color: #343a3a;
}
.theme-light-2 nav ul li a {
  color: #343a3a;
}
.theme-light-2 nav ul li a:hover {
  background-color: #343a3a;
  color: rgb(229.2, 242.1, 229.2);
  transition: color 0.4s, background-color 0.4s;
}
.theme-light-2 nav.sm {
  background-color: hsl(120, 33.3333333333%, 119.4117647059%);
}
.theme-light-2 nav.sm a:hover {
  color: inherit;
  background-color: inherit;
}
.theme-light-2 footer {
  background-color: rgb(229.2, 242.1, 229.2);
}
.theme-light-2.fun-stuff div.project {
  border-color: #343a3a;
}
.theme-light-2.fun-stuff div.project:hover {
  background-color: #343a3a;
  color: #fdfefd;
  transition: color 0.4s, background-color 0.4s;
}
.theme-light-2.fun-stuff div.project a {
  color: inherit;
}
.theme-light-2.fun-stuff div.project a:hover {
  color: inherit;
}
.theme-light-2.pokemon #stats th[scope=col] {
  color: #e31427;
}
.theme-light-2.pokemon #stats th[scope=row] {
  color: #315d9a;
}
.theme-light-2.pokemon td {
  color: #343a3a;
}
.theme-light-2.pokemon #sprite {
  border: 1px #343a3a solid;
}

.theme-light-3 {
  background-color: #f6f5e3;
  color: #2a2a25;
}
.theme-light-3 header {
  background-color: rgb(237.3162162162, 235.3513513514, 199.9837837838);
}
.theme-light-3 section header {
  background-color: #f6f5e3;
}
.theme-light-3 hr {
  background-color: #2a2a25;
}
.theme-light-3 a {
  color: #fa371b;
}
.theme-light-3 button {
  background-color: #f6f5e3;
  color: #fa371b;
  border-color: #fa371b;
}
.theme-light-3 .carousel .card {
  border-color: #2a2a25;
}
.theme-light-3 .carousel .card figcaption {
  border-left-color: #2a2a25;
  border-right-color: #2a2a25;
}
.theme-light-3 .carousel .card img {
  border-color: #2a2a25;
}
.theme-light-3 .carousel button {
  background-color: #2a2a25;
  color: #f6f5e3;
  border-color: rgb(14.8860759494, 14.8860759494, 13.1139240506);
}
.theme-light-3 .carousel button:hover {
  background-color: rgb(233.5945945946, 231.2162162162, 188.4054054054);
  color: #2a2a25;
}
.theme-light-3 nav ul li a {
  color: #2a2a25;
}
.theme-light-3 nav ul li a:hover {
  background-color: #2a2a25;
  color: rgb(237.3162162162, 235.3513513514, 199.9837837838);
  transition: color 0.4s, background-color 0.4s;
}
.theme-light-3 nav.sm {
  background-color: hsl(56.8421052632, 51.3513513514%, 112.7450980392%);
}
.theme-light-3 nav.sm a:hover {
  color: inherit;
  background-color: inherit;
}
.theme-light-3 footer {
  background-color: rgb(237.3162162162, 235.3513513514, 199.9837837838);
}
.theme-light-3.fun-stuff div.project {
  border-color: #2a2a25;
}
.theme-light-3.fun-stuff div.project:hover {
  background-color: #2a2a25;
  color: #f6f5e3;
  transition: color 0.4s, background-color 0.4s;
}
.theme-light-3.fun-stuff div.project a {
  color: inherit;
}
.theme-light-3.fun-stuff div.project a:hover {
  color: inherit;
}
.theme-light-3.pokemon #stats th[scope=col] {
  color: #fa371b;
}
.theme-light-3.pokemon #stats th[scope=row] {
  color: #4b7df3;
}
.theme-light-3.pokemon td {
  color: #2a2a25;
}
.theme-light-3.pokemon #sprite {
  border: 1px #2a2a25 solid;
}

.theme-light-4 {
  background-color: #f7f6f5;
  color: #573627;
}
.theme-light-4 header {
  background-color: rgb(231.1333333333, 228.15, 225.1666666667);
}
.theme-light-4 section header {
  background-color: #f7f6f5;
}
.theme-light-4 hr {
  background-color: #573627;
}
.theme-light-4 a {
  color: #c71e00;
}
.theme-light-4 button {
  background-color: #f7f6f5;
  color: #c71e00;
  border-color: #c71e00;
}
.theme-light-4 .carousel .card {
  border-color: #573627;
}
.theme-light-4 .carousel .card figcaption {
  border-left-color: #573627;
  border-right-color: #573627;
}
.theme-light-4 .carousel .card img {
  border-color: #573627;
}
.theme-light-4 .carousel button {
  background-color: #573627;
  color: #f7f6f5;
  border-color: rgb(51.7857142857, 32.1428571429, 23.2142857143);
}
.theme-light-4 .carousel button:hover {
  background-color: rgb(224.3333333333, 220.5, 216.6666666667);
  color: #573627;
}
.theme-light-4 nav ul li a {
  color: #573627;
}
.theme-light-4 nav ul li a:hover {
  background-color: #573627;
  color: rgb(231.1333333333, 228.15, 225.1666666667);
  transition: color 0.4s, background-color 0.4s;
}
.theme-light-4 nav.sm {
  background-color: hsl(30, 11.1111111111%, 116.4705882353%);
}
.theme-light-4 nav.sm a:hover {
  color: inherit;
  background-color: inherit;
}
.theme-light-4 footer {
  background-color: rgb(231.1333333333, 228.15, 225.1666666667);
}
.theme-light-4.fun-stuff div.project {
  border-color: #573627;
}
.theme-light-4.fun-stuff div.project:hover {
  background-color: #573627;
  color: #f7f6f5;
  transition: color 0.4s, background-color 0.4s;
}
.theme-light-4.fun-stuff div.project a {
  color: inherit;
}
.theme-light-4.fun-stuff div.project a:hover {
  color: inherit;
}
.theme-light-4.pokemon #stats th[scope=col] {
  color: #c71e00;
}
.theme-light-4.pokemon #stats th[scope=row] {
  color: #576cb5;
}
.theme-light-4.pokemon td {
  color: #573627;
}
.theme-light-4.pokemon #sprite {
  border: 1px #573627 solid;
}

.theme-light-5 {
  background-color: #feffff;
  color: #5e2f68;
}
.theme-light-5 header {
  background-color: rgb(218.3, 255, 255);
}
.theme-light-5 section header {
  background-color: #feffff;
}
.theme-light-5 hr {
  background-color: #5e2f68;
}
.theme-light-5 a {
  color: #b83164;
}
.theme-light-5 button {
  background-color: #feffff;
  color: #b83164;
  border-color: #b83164;
}
.theme-light-5 .carousel .card {
  border-color: #5e2f68;
}
.theme-light-5 .carousel .card figcaption {
  border-left-color: #5e2f68;
  border-right-color: #5e2f68;
}
.theme-light-5 .carousel .card img {
  border-color: #5e2f68;
}
.theme-light-5 .carousel button {
  background-color: #5e2f68;
  color: #feffff;
  border-color: rgb(62.2516556291, 31.1258278146, 68.8741721854);
}
.theme-light-5 .carousel button:hover {
  background-color: #cbffff;
  color: #5e2f68;
}
.theme-light-5 nav ul li a {
  color: #5e2f68;
}
.theme-light-5 nav ul li a:hover {
  background-color: #5e2f68;
  color: rgb(218.3, 255, 255);
  transition: color 0.4s, background-color 0.4s;
}
.theme-light-5 nav.sm {
  background-color: hsl(180, 100%, 119.8039215686%);
}
.theme-light-5 nav.sm a:hover {
  color: inherit;
  background-color: inherit;
}
.theme-light-5 footer {
  background-color: rgb(218.3, 255, 255);
}
.theme-light-5.fun-stuff div.project {
  border-color: #5e2f68;
}
.theme-light-5.fun-stuff div.project:hover {
  background-color: #5e2f68;
  color: #feffff;
  transition: color 0.4s, background-color 0.4s;
}
.theme-light-5.fun-stuff div.project a {
  color: inherit;
}
.theme-light-5.fun-stuff div.project a:hover {
  color: inherit;
}
.theme-light-5.pokemon #stats th[scope=col] {
  color: #b83164;
}
.theme-light-5.pokemon #stats th[scope=row] {
  color: #9b60d2;
}
.theme-light-5.pokemon td {
  color: #5e2f68;
}
.theme-light-5.pokemon #sprite {
  border: 1px #5e2f68 solid;
}

.theme-dark-1 {
  background-color: #182741;
  color: #edeeed;
}
.theme-dark-1 header {
  background-color: rgb(14.3730337079, 23.3561797753, 38.9269662921);
}
.theme-dark-1 section header {
  background-color: #182741;
}
.theme-dark-1 hr {
  background-color: #edeeed;
}
.theme-dark-1 a {
  color: #e06342;
}
.theme-dark-1 button {
  background-color: #182741;
  color: #e06342;
  border-color: #e06342;
}
.theme-dark-1 .carousel .card {
  border-color: #edeeed;
}
.theme-dark-1 .carousel .card figcaption {
  border-left-color: #edeeed;
  border-right-color: #edeeed;
}
.theme-dark-1 .carousel .card img {
  border-color: #edeeed;
}
.theme-dark-1 .carousel button {
  background-color: #edeeed;
  color: #182741;
  border-color: rgb(210.7714285714, 213.2285714286, 210.7714285714);
}
.theme-dark-1 .carousel button:hover {
  background-color: rgb(10.2471910112, 16.6516853933, 27.7528089888);
  color: #edeeed;
}
.theme-dark-1 nav ul li a {
  color: #edeeed;
}
.theme-dark-1 nav ul li a:hover {
  background-color: #edeeed;
  color: rgb(14.3730337079, 23.3561797753, 38.9269662921);
  transition: color 0.4s, background-color 0.4s;
}
.theme-dark-1 nav.sm {
  background-color: rgb(51.5056179775, 83.6966292135, 139.4943820225);
}
.theme-dark-1 nav.sm a:hover {
  color: inherit;
  background-color: inherit;
}
.theme-dark-1 footer {
  background-color: rgb(14.3730337079, 23.3561797753, 38.9269662921);
}
.theme-dark-1.fun-stuff div.project {
  border-color: #edeeed;
}
.theme-dark-1.fun-stuff div.project:hover {
  background-color: #edeeed;
  color: #182741;
  transition: color 0.4s, background-color 0.4s;
}
.theme-dark-1.fun-stuff div.project a {
  color: inherit;
}
.theme-dark-1.fun-stuff div.project a:hover {
  color: inherit;
}
.theme-dark-1.pokemon #stats th[scope=col] {
  color: #e06342;
}
.theme-dark-1.pokemon #stats th[scope=row] {
  color: #66aaae;
}
.theme-dark-1.pokemon td {
  color: #edeeed;
}
.theme-dark-1.pokemon #sprite {
  border: 1px #edeeed solid;
}

.theme-dark-2 {
  background-color: #0f223b;
  color: #fb9e12;
}
.theme-dark-2 header {
  background-color: rgb(7.7635135135, 17.5972972973, 30.5364864865);
}
.theme-dark-2 section header {
  background-color: #0f223b;
}
.theme-dark-2 hr {
  background-color: #fb9e12;
}
.theme-dark-2 a {
  color: #b75060;
}
.theme-dark-2 button {
  background-color: #0f223b;
  color: #b75060;
  border-color: #b75060;
}
.theme-dark-2 .carousel .card {
  border-color: #fb9e12;
}
.theme-dark-2 .carousel .card figcaption {
  border-left-color: #fb9e12;
  border-right-color: #fb9e12;
}
.theme-dark-2 .carousel .card img {
  border-color: #fb9e12;
}
.theme-dark-2 .carousel button {
  background-color: #fb9e12;
  color: #0f223b;
  border-color: rgb(214.3817427386, 130.2572614108, 3.6182572614);
}
.theme-dark-2 .carousel button:hover {
  background-color: rgb(4.6621621622, 10.5675675676, 18.3378378378);
  color: #fb9e12;
}
.theme-dark-2 nav ul li a {
  color: #fb9e12;
}
.theme-dark-2 nav ul li a:hover {
  background-color: #fb9e12;
  color: rgb(7.7635135135, 17.5972972973, 30.5364864865);
  transition: color 0.4s, background-color 0.4s;
}
.theme-dark-2 nav.sm {
  background-color: rgb(35.6756756757, 80.8648648649, 140.3243243243);
}
.theme-dark-2 nav.sm a:hover {
  color: inherit;
  background-color: inherit;
}
.theme-dark-2 footer {
  background-color: rgb(7.7635135135, 17.5972972973, 30.5364864865);
}
.theme-dark-2.fun-stuff div.project {
  border-color: #fb9e12;
}
.theme-dark-2.fun-stuff div.project:hover {
  background-color: #fb9e12;
  color: #0f223b;
  transition: color 0.4s, background-color 0.4s;
}
.theme-dark-2.fun-stuff div.project a {
  color: inherit;
}
.theme-dark-2.fun-stuff div.project a:hover {
  color: inherit;
}
.theme-dark-2.pokemon #stats th[scope=col] {
  color: #b75060;
}
.theme-dark-2.pokemon #stats th[scope=row] {
  color: #00a19f;
}
.theme-dark-2.pokemon td {
  color: #fb9e12;
}
.theme-dark-2.pokemon #sprite {
  border: 1px #fb9e12 solid;
}

.theme-dark-3 {
  background-color: #46393b;
  color: #e2d687;
}
.theme-dark-3 header {
  background-color: rgb(50.3228346457, 40.9771653543, 42.4149606299);
}
.theme-dark-3 section header {
  background-color: #46393b;
}
.theme-dark-3 hr {
  background-color: #e2d687;
}
.theme-dark-3 a {
  color: #e46d5d;
}
.theme-dark-3 button {
  background-color: #46393b;
  color: #e46d5d;
  border-color: #e46d5d;
}
.theme-dark-3 .carousel .card {
  border-color: #e2d687;
}
.theme-dark-3 .carousel .card figcaption {
  border-left-color: #e2d687;
  border-right-color: #e2d687;
}
.theme-dark-3 .carousel .card img {
  border-color: #e2d687;
}
.theme-dark-3 .carousel button {
  background-color: #e2d687;
  color: #46393b;
  border-color: rgb(216.0738255034, 199.966442953, 93.9261744966);
}
.theme-dark-3 .carousel button:hover {
  background-color: rgb(41.8897637795, 34.1102362205, 35.3070866142);
  color: #e2d687;
}
.theme-dark-3 nav ul li a {
  color: #e2d687;
}
.theme-dark-3 nav ul li a:hover {
  background-color: #e2d687;
  color: rgb(50.3228346457, 40.9771653543, 42.4149606299);
  transition: color 0.4s, background-color 0.4s;
}
.theme-dark-3 nav.sm {
  background-color: rgb(126.2204724409, 102.7795275591, 106.3858267717);
}
.theme-dark-3 nav.sm a:hover {
  color: inherit;
  background-color: inherit;
}
.theme-dark-3 footer {
  background-color: rgb(50.3228346457, 40.9771653543, 42.4149606299);
}
.theme-dark-3.fun-stuff div.project {
  border-color: #e2d687;
}
.theme-dark-3.fun-stuff div.project:hover {
  background-color: #e2d687;
  color: #46393b;
  transition: color 0.4s, background-color 0.4s;
}
.theme-dark-3.fun-stuff div.project a {
  color: inherit;
}
.theme-dark-3.fun-stuff div.project a:hover {
  color: inherit;
}
.theme-dark-3.pokemon #stats th[scope=col] {
  color: #e46d5d;
}
.theme-dark-3.pokemon #stats th[scope=row] {
  color: #8fc3e9;
}
.theme-dark-3.pokemon td {
  color: #e2d687;
}
.theme-dark-3.pokemon #sprite {
  border: 1px #e2d687 solid;
}

.theme-dark-4 {
  background-color: #2e3635;
  color: #dedbc7;
}
.theme-dark-4 header {
  background-color: rgb(29.578, 34.722, 34.079);
}
.theme-dark-4 section header {
  background-color: #2e3635;
}
.theme-dark-4 hr {
  background-color: #dedbc7;
}
.theme-dark-4 a {
  color: #ed6b79;
}
.theme-dark-4 button {
  background-color: #2e3635;
  color: #ed6b79;
  border-color: #ed6b79;
}
.theme-dark-4 .carousel .card {
  border-color: #dedbc7;
}
.theme-dark-4 .carousel .card figcaption {
  border-left-color: #dedbc7;
  border-right-color: #dedbc7;
}
.theme-dark-4 .carousel .card img {
  border-color: #dedbc7;
}
.theme-dark-4 .carousel button {
  background-color: #dedbc7;
  color: #2e3635;
  border-color: rgb(203.0898876404, 198.3707865169, 166.9101123596);
}
.theme-dark-4 .carousel button:hover {
  background-color: rgb(22.54, 26.46, 25.97);
  color: #dedbc7;
}
.theme-dark-4 nav ul li a {
  color: #dedbc7;
}
.theme-dark-4 nav ul li a:hover {
  background-color: #dedbc7;
  color: rgb(29.578, 34.722, 34.079);
  transition: color 0.4s, background-color 0.4s;
}
.theme-dark-4 nav.sm {
  background-color: rgb(92.92, 109.08, 107.06);
}
.theme-dark-4 nav.sm a:hover {
  color: inherit;
  background-color: inherit;
}
.theme-dark-4 footer {
  background-color: rgb(29.578, 34.722, 34.079);
}
.theme-dark-4.fun-stuff div.project {
  border-color: #dedbc7;
}
.theme-dark-4.fun-stuff div.project:hover {
  background-color: #dedbc7;
  color: #2e3635;
  transition: color 0.4s, background-color 0.4s;
}
.theme-dark-4.fun-stuff div.project a {
  color: inherit;
}
.theme-dark-4.fun-stuff div.project a:hover {
  color: inherit;
}
.theme-dark-4.pokemon #stats th[scope=col] {
  color: #ed6b79;
}
.theme-dark-4.pokemon #stats th[scope=row] {
  color: #66b346;
}
.theme-dark-4.pokemon td {
  color: #dedbc7;
}
.theme-dark-4.pokemon #sprite {
  border: 1px #dedbc7 solid;
}

.theme-dark-5 {
  background-color: #282c30;
  color: #e5f2d9;
}
.theme-dark-5 header {
  background-color: rgb(23.7727272727, 26.15, 28.5272727273);
}
.theme-dark-5 section header {
  background-color: #282c30;
}
.theme-dark-5 hr {
  background-color: #e5f2d9;
}
.theme-dark-5 a {
  color: #f47650;
}
.theme-dark-5 button {
  background-color: #282c30;
  color: #f47650;
  border-color: #f47650;
}
.theme-dark-5 .carousel .card {
  border-color: #e5f2d9;
}
.theme-dark-5 .carousel .card figcaption {
  border-left-color: #e5f2d9;
  border-right-color: #e5f2d9;
}
.theme-dark-5 .carousel .card img {
  border-color: #e5f2d9;
}
.theme-dark-5 .carousel button {
  background-color: #e5f2d9;
  color: #282c30;
  border-color: #cbe5b3;
}
.theme-dark-5 .carousel button:hover {
  background-color: rgb(16.8181818182, 18.5, 20.1818181818);
  color: #e5f2d9;
}
.theme-dark-5 nav ul li a {
  color: #e5f2d9;
}
.theme-dark-5 nav ul li a:hover {
  background-color: #e5f2d9;
  color: rgb(23.7727272727, 26.15, 28.5272727273);
  transition: color 0.4s, background-color 0.4s;
}
.theme-dark-5 nav.sm {
  background-color: rgb(86.3636363636, 95, 103.6363636364);
}
.theme-dark-5 nav.sm a:hover {
  color: inherit;
  background-color: inherit;
}
.theme-dark-5 footer {
  background-color: rgb(23.7727272727, 26.15, 28.5272727273);
}
.theme-dark-5.fun-stuff div.project {
  border-color: #e5f2d9;
}
.theme-dark-5.fun-stuff div.project:hover {
  background-color: #e5f2d9;
  color: #282c30;
  transition: color 0.4s, background-color 0.4s;
}
.theme-dark-5.fun-stuff div.project a {
  color: inherit;
}
.theme-dark-5.fun-stuff div.project a:hover {
  color: inherit;
}
.theme-dark-5.pokemon #stats th[scope=col] {
  color: #f47650;
}
.theme-dark-5.pokemon #stats th[scope=row] {
  color: #30c6c8;
}
.theme-dark-5.pokemon td {
  color: #e5f2d9;
}
.theme-dark-5.pokemon #sprite {
  border: 1px #e5f2d9 solid;
}

@media screen and (min-width: 576px) {
  .home iframe {
    height: 300px;
  }
  .carousel {
    height: 400px;
  }
  #spotify {
    width: 60%;
  }
  i.fa-x {
    display: block !important;
  }
}
@media screen and (min-width: 768px) {
  .home iframe {
    height: 380px;
    width: 80%;
  }
  #spotify {
    width: 60%;
    height: 300px;
  }
  #menu-icon {
    display: none;
  }
  nav {
    display: flex;
  }
  .carousel {
    display: none;
  }
  .carousel .carousel-btn {
    display: none;
  }
  .gallery {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    row-gap: 1rem;
  }
  .gallery .card {
    display: flex;
    border: none;
    width: 240px;
    height: 400px;
  }
  .gallery .card figure {
    border: none;
    height: 85%;
  }
  .gallery .card figure a {
    height: 100%;
    width: 100%;
  }
  .gallery .card figure a img {
    border: none;
    height: inherit;
    width: inherit;
  }
  .gallery .card figcaption {
    border: none;
    height: 15%;
  }
  .pokemon form input, .pokemon form button {
    width: 40%;
  }
  .pokemon #stats {
    width: 205px;
  }
  .pokemon #sprite {
    width: 230px;
  }
}
@media screen and (min-width: 992px) {
  .home iframe {
    width: 75%;
  }
  #spotify {
    width: 80%;
    height: 500px;
  }
  .pokemon form input, .pokemon form button {
    width: 30%;
  }
}

/*# sourceMappingURL=main.css.map */