/* SCSS Document */
body {
  background-color: #340d4b;
}

h1 {
  font-family: magneto;
  background-color: #9705ff;
  color: #00ffc8;
  text-align: center;
  box-shadow: #000 2px 2px;
  font-size: 50px;
}

h3, p {
  color: #00ffc8;
}

footer {
  background-color: #4f385c;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  position: fixed;
  bottom: 0;
}

.container {
  margin-top: 15px;
  margin-bottom: 15px;
  border: 2.5px solid #2bc6e2;
  background-color: rgb(105, 53, 148);
}

img {
  margin: 20px 20px 20px 20px;
}

@keyframes spin-cw-360deg {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spin-cw:hover {
  animation-name: spin-cw-360deg;
  animation-duration: 2s;
  border: 2px solid #00ffc8;
}

.col-md-6 p {
  margin: 5px 50px 10px 5px;
}

@media screen and (max-width: 600px) {
  h1 {
    font-size: 25px;
  }
  h3 {
    font-size: 20px;
  }
  .col-md-6 p {
    padding-bottom: 30px;
    margin-bottom: 20px;
  }
}/*# sourceMappingURL=style.css.map */