/* SCSS Document */
body {
  background-color: #42023f;
}

h1 {
  font-family: dancing script;
  background-color: #2bc6e2;
  color: #3a0185;
  text-align: center;
}

h2 {
  font-size: large;
  color: #2bc6e2;
  text-shadow: rgba(0, 0, 0, 0.5215686275) 2px 2px;
}

a {
  transition-duration: 1.5s;
  font-size: normal;
}

nav {
  border: 10px outset #daa520;
  border-radius: 2.5%;
  background-color: #0a0a0a;
  margin-left: 25px;
  padding: 10px;
  width: 75%;
  height: 75%;
}
nav a:hover {
  background-color: #9705ff;
  color: #2bc6e2;
  font-size: larger;
  font-weight: bold;
}

.container, .col-md-4 {
  outline: 15px solid #ccc;
  padding: 15px;
  background-color: #42023f;
}

.col-md-4 {
  height: 200px;
  padding-bottom: 25px;
}

.col-md-6 {
  padding: 25px auto 25px auto;
}

@media screen and (max-width: 480px) {
  .container {
    outline: 0px solid rgba(204, 204, 204, 0);
  }
  nav {
    padding: 5px;
    width: 75%;
    height: 75%;
  }
}/*# sourceMappingURL=style.css.map */