@charset "utf-8";
/* CSS Document */

/*!
 * Site Custom Designed by Emma C Mitchell (http://visualartsgtc.com/)
 * Copyright 2022, Emma C Mitchell
 * License: Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
 * images are all owned by the client © 2022 Kim Mitchell
 */

/*!
 * Bootswatch - theme
 * Homepage: https://bootswatch.com/
 * Bootstrap - Snippets and templates
 * Homepage: https://getbootstrap.com
 * Copyright 2022
 * Licensed under MIT
 * Based on Bootstrap
 * License Statements: https://github.com/thomaspark/bootswatch/blob/master/LICENSE

https://github.com/twbs/bootstrap/blob/main/LICENSE
*/

@import url('https://fonts.googleapis.com/css2?family=Handlee&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Farsan&display=swap');


h1,h2,h3,h4,h5{
	font-family: 'Handlee', cursive;
}
nav{
	font-family: 'Handlee', cursive;
	font-size: 22px;
}

p{
	font-family: 'Farsan', cursive;
	font-size: 20px;
}

footer{
	position:relative;
	bottom: 1%;
	
}
.carousel-text{
	text-shadow: 3px 3px 4px #000;
}

/*pulse button*/

.pulse:hover,
.pulse:focus {
  -webkit-animation: pulse 1s;
          animation: pulse 1s;
  box-shadow: 0 0 0 2em transparent;
}

@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

.pulse {
  --color: #007bff;
  --hover: #20c997;
}

/*carousel*/

 .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }



@media only screen and (max-width: 500px) {
	[class*="col-"] {
    width: 100%;
  }
}