/* Palette generated by Material Palette - materialpalette.com/purple/deep-purple */
.box, .alert, .card {
  border: 1px solid #ccc;
  padding: 1rem;
  border-radius: 5px; }

.btn-primary {
  background-color: #e74c3c;
  padding: 10px 20px;
  border: none;
  color: white;
  border-radius: 4px;
  cursor: pointer; }

.btn-secondary {
  background-color: #8e44ad;
  padding: 5px 15px;
  border: none;
  color: white;
  border-radius: 4px;
  cursor: pointer; }

.btn-success {
  background-color: #27ae60;
  padding: 12px 24px;
  border: none;
  color: white;
  border-radius: 4px;
  cursor: pointer; }

body {
  background: #144caeff; }

nav {
  background: #fff;
  padding: 20px; }

.columna {
  background: #fff;
  color: red;
  padding: 20px;
  width: 25%;
  margin: 20px; }

.profile-card {
  background-color: #2ecc71;
  color: #fff;
  font-family: "Arial, sans-serif";
  font-size: "medium";
  padding: 1rem;
  border-radius: 8px; }

.navbar {
  background-color: #2ecc71; }
  .navbar ul {
    list-style: none;
    padding: 0; }
    .navbar ul li {
      display: inline-block;
      margin-right: 10px; }
      .navbar ul li a {
        color: white;
        text-decoration: none; }
        .navbar ul li a:hover {
          text-decoration: underline; }
      .navbar ul li .active {
        border: solid 2px #fff;
        font-size: larger;
        background-color: #fff;
        text-decoration: underline;
        color: #620399; }

.text {
  font-size: 1.5rem; }

h1 {
  font-size: 4.0625rem; }

p {
  font-size: 1.5rem; }

.small-text {
  font-size: 1.5rem; }

.box, .alert, .card {
  border: 1px solid #ccc;
  padding: 1rem;
  border-radius: 5px; }

.alert {
  background-color: #f2dede; }

.card {
  background-color: #ecf0f1; }

@media screen and (max-width: 300px) {
  .col-1 {
    width: 8.3333333333%; }

  .col-2 {
    width: 16.6666666667%; }

  .col-3 {
    width: 25%; }

  .col-4 {
    width: 33.3333333333%; }

  .col-5 {
    width: 41.6666666667%; }

  .col-6 {
    width: 50%; }

  .col-7 {
    width: 58.3333333333%; }

  .col-8 {
    width: 66.6666666667%; }

  .col-9 {
    width: 75%; }

  .col-10 {
    width: 83.3333333333%; }

  .col-11 {
    width: 91.6666666667%; }

  .col-12 {
    width: 100%; } }

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