body {
  background-color: #1F1F2E;
  color: #FFFFFF;
  font-family: 'Michroma', sans-serif;
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
}
h1, h2, h4 {
  font-family: 'Michroma', sans-serif;
  color: #41C8F4;
}
h1 {
  font-size: 250%;
}

h2 {
  font-size: 200%;
  margin-bottom: 20%;
}

h4 {
  margin-bottom: 0.5%;
}
p, ul {
  font-size: 110%;
  line-height: 1.6;
  color: #DDD;
}
ul {
  padding-left: 20px;
}
ul li {
  margin-bottom: 1%;
}
header,
footer {
  background-color: #21253B !important;
  border-color: #41C8F4;
}
header {
  border-bottom: 2px solid #41C8F4;
}
footer {
  border-top: 2px solid #41C8F4;
  font-size: 120%;
}

a.btn-outline-info,
button.btn-outline-info {
  font-weight: 600;
  border-radius: 30px;
  padding: 8px 20px;
  color: #41C8F4;
  border-color: #41C8F4;
  transition: all 0.3s ease;
  text-shadow: 0 0 5px #41C8F4;
}
a.btn-outline-info:hover,
button.btn-outline-info:hover {
  background-color: #41C8F4;
  color: #1F1F2E;
  box-shadow:
    0 0 10px #41C8F4,
    0 0 20px #41C8F4;
  text-shadow: none;
}
.rounded-circle {
  box-shadow:
    0 0 10px #41C8F4,
    0 0 20px #41C8F4;
}
.form-section {
  background-color: #21253B;
  border: 2px solid #41C8F4;
  border-radius: 12px;
  box-shadow:
    0 0 10px #41C8F4,
    0 0 20px #41C8F4;
}
.form-section label {
  color: #ffffff;
}
.form-section input,
.form-section textarea {
  background-color: #1F1F2E;
  border: 1px solid #41C8F4;
  color: #ffffff;
}
.form-section input::placeholder,
.form-section textarea::placeholder {
  color: #bbbbbb;
}
@media (max-width: 576px) {
  header .container {
    flex-direction: column;
    text-align: center;
  }

  header a.btn-outline-info {
    margin-top: 15px;
  }

  .d-flex.align-items-center {
    flex-direction: column;
    text-align: center;
  }

  .d-flex.align-items-center img {
    margin-bottom: 15px;
  }
}
header,
footer {
  background-color: #21253b !important;
  border-color: #41C8F4;
  color: #FFFFFF;
  padding: 1rem 0;
}
  .side-image {
    position: fixed;
    width: 120px;     
    height: auto;     
    opacity: 0.15;     
    z-index: -1;       
  }
  .side-image.left {
    top: 200px;        
    left: 100px;      
    rotate: 20deg;  
  }
  .side-image.right {
    bottom: 150px;     
    right: 20px;   
    rotate: 25deg;    
  }
  .side-image.left-down {
    bottom: 600px;    
    right: 150px;   
    rotate: 25deg;    
  }
  .side-image.right-down {  
    bottom: 50px;    
    left: 75px;   
    rotate: -25deg;   
  }