:root {
  --main-blue-color: #1d43df;
  --secondary-blue: #1100ae;
  --main-body-white: #fff;
  --main-black: black;
  --box-grey-bg: #efefef;
}

body {
  background-color: var(--main-body-white);
}

* {
  border: none !important;
}

#Logo {
  text-decoration: none;
  color: var(--main-body-white);
}

header {
  background-color: var(--main-blue-color);
  color: var(--main-body-white);
  padding: 10px;
}

#HeaderContainer {
  background-color: var(--main-blue-color);
}

li {
  display: flex;
  list-style: none;
}

.MainMenu li {
  padding: 10px;
  margin: 0;
}

.MainMenu li:hover {
  background-color: var(--secondary-blue);
  animation: pulse-animation 1s infinite;
  border-radius: 10px;
}

.MainMenu #EsterEgg:hover {
  animation: pulse-animation 0.3s infinite;
}

.MainMenu a:focus {
  font-weight: 900s;
  color: orange;
}

.MainMenu a:focus {
  font-weight: 900s;
  color: rgb(29, 0, 125);
}

/* Pulse Animation */
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}

.MainMenu a {
  text-decoration: none;
  color: var(--box-grey-bg);
}

.MainMenu a:active {
  text-decoration: none;
  font-weight: 900;
  color: var(--box-grey-bg);
}

/* About Section */
.AboutSection {
  border-radius: 20px;
}

.AboutText {
  border: 2px solid var(--main-black);
  border-radius: 20px;
  background-color: var(--box-grey-bg);
}

.ProfilePic {
  border-radius: 20px;
  width: 100%;
  transition: all 1s ease-in-out;
}

.ProfilePic:hover {
  scale: 1.2;
  border-radius: 100%;
}

.ProjectsSection {
  border: 2px solid var(--main-black);
  border-radius: 20px;
}

.SingleProject {
  border: 2px solid var(--main-black);
  border-radius: 20px;
  background-color: var(--box-grey-bg);
}

.ProjectImage {
  border-radius: 20px 20px 0 0;
  width: 100%;
}

.ProjectBanner {
  width: 100%;
  box-sizing: border-box;
}

.FavoriteQuoteSection {
  border: 2px solid black;
  border-radius: 20px;
  background-image: url(assets/projects/david-marcu-78A265wPiO4-unsplash.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  height: 250px;
  color: #efefef;
  text-shadow: 2px 2px 8px black;
}

.h2Quote {
  font-size: medium;
}

#theQuote {
  font-size: xx-large;
  font-weight: 800;
}

.FooterContainer {
  background-color: var(--main-black);
  color: var(--main-body-white);
}

footer a {
  text-decoration: none;
  color: #efefef;
}

.FooterMenuItem a:link {
  animation: pulse-animation 1s infinite;
}

.contactForm input,
textarea {
  border: 2px #1100ae solid !important;
  background-color: #f9f9f9 !important;
}

.AsideContainer {
  border-radius: 20px;
}

.testingBorder {
  border: 2px solid red !important;
}

.form-group {
  margin-bottom: 15px;
}