/* Global font */
      body {
        font-family: 'Rubik', sans-serif;
        color: #fff;
        background-color: #212529;
        background-image: url('https://schway.ca/bannerschway.png');
  background-position: center;
  background-size: cover;
      }
      
      /* Header */
      .header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem;
        background-color: #343a40;
        color: #fff;
        font-family: 'DynaPuff', cursive;
        font-size: 2rem;
      }
      
      /* Schway */
      .schway {font-family: 'DynaPuff', cursive;}
      
      /* Footer */
      .footer {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 10vh;
        background-color: #343a40;
        font-size: 1.2rem;
      margin-top: 5vh;
        bottom: 0;
      }
      
      /* Vid Corners */
      iframe {
      border-radius: 10px}

      
      /* Card */
      .card {
  background-color: #212121;
  border: none;
  border-radius: 10px;
  padding: 40px;
  margin: 20px auto;
  max-width: 1000px;
  width: 80%;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
      .card1 {
  background-color: #212121;
  border: none;
  border-radius: 10px;
  padding: 40px;
  margin: 20px auto;
  max-width: 700px;
  width: 80%;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
	.padddddd {
      margin-top: 2vh;
      }
      /* Fun font for header */
.header-font {
  font-family: 'DynaPuff', cursive;
}

/* Header above featured video */
.featured-header {
      margin-top: 10vh;
  color: #fff;
  padding: 15px;
}

      /* Scroller */
      .featured-video {
        margin-top: 2rem;
      }
      
      /* Featured Video */
      /* Hide scrollbar background and border */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #0077FF;
  border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #0066CC;
}
.diamonds {
    text-decoration: none;
    color: #3F3A89;
    text-decoration: underline;
}