body {
       font-family: Fantasy, copperplate;
       background-attachment: fixed;
       margin: 0px;
       }

 /*                                ----   Header CSS   -----                   */

   header {
      background: linear-gradient(to right , white, #61605d);

       grid-row: 1/2;
       grid-column: 1/9;
       }


   header a {
      color: Black;
      height: 100px;
      font-size: 50px;
      text-decoration: none;
      z-index: 100;
      }

   header h1 {
      line-height: 140%;
      padding: 1rem;
      margin-bottom: 0px;
      margin-top: 20px;
      z-index: 100;
      }

  .footer {
    font-family: "Fantasy", copperplate;
    font-size: 50px;
    color: #1f1e1c;
    border-bottom: 2px solid red;
    z-index: 3;
    text-align: center;
    }

   .navbar {
       overflow: hidden;
       background-color: #333;
       color: black;
       font-family: Arial, Helvetica, sans-serif;
       padding-left: 1500px;
       }

  .navbar a:hover, .dropdown:hover .dropbtn {
      background-color: red;
      }

 /*                                ----   Font CSS   -----                   */

    .p3 {font-size:30px}
    .p4 {font-size:20px}
    .p2 {margin-top: -10px}

    .font {font-family: "Fantasy", copperplate; padding-left: 30px}
    .copperPlate {font-family: "Fantasy", copperplate}

 /*                                ----   Video CSS   -----                   */

 .video_class {z-index: 1;}

 .large-image {
     position: relative;
     width: 100%;
     background: black;
     z-index: 1;
     }


 /*                                ----   Body  CSS   -----                   */

    nav {
      font-weight: bold;
      grid-row: 2/3;
      grid-column: 1/-1;
      position: sticky;
      top: 0;
      background-color: #424242;
      z-index: 100;
      }

    .body-title {
       position: absolute;
       top: 250px;
       color: white;
       border-width: 1px;
       padding-left: 100px;
       font-size: 30px;
       font-family: Fantasy, copperplate;
       z-index: 100;
       }

 /*                                ----   Grid Layout   -----                   */
   .grid-layout-1 {
      /* background: linear-gradient(to right , rgb(203, 245, 212), #012105); */
      background: white;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 270px 270px 270px;
      border-width: 1px;
      Border-style: solid;
      border-color: red;
      z-index: 2;
      }

 /*                                ----   Background - Video Pages   -----            */
  .grid-layout-3 {
    display: grid;
    grid-template-columns: 5% 1fr 5% 1fr ;
    grid-template-rows: 270px 250px;
    }


   .large-image-Video {
      border-width: 3px;
      Border-style: solid;
      border-color: white;
      border-radius: 20px;
      box-shadow: 10px 10px 30px white;
      width: 100%;
      height: 250px;
      position: center;
      z-index: 1;
        }


 /*                                ----   Background - Solid   -----                   */
  .grid-layout-1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    150px 10px;
    border-width: 3px;
    Border-style: solid;
    border-color: #bdadac;
    border-radius: 20px;
    box-shadow: 10px 10px 30px white;
    font-weight: 900;
    font-size: 25px;
    grid-template-rows: 150px 150px 10px 150px 10px 150px 10px 150px
                        10px 150px 10px 150px 10px 150px 10px 150px
                        10px 150px 10px 150px 10px 150px 10px 150px
                        10px 150px 10px 150px 10px 150px 10px 150px
                        10px 150px 10px 150px 10px 150px 10px 150px
                        10px 150px 10px 150px 10px 150px 10px 150px
                        10px 150px 10px 150px 10px 150px 10px 150px;
    }

   .Example_1 {background: AliceBlue;}
   .Example_2 {background: AntiqueWhite;}
   .Example_3 {background: Aqua;}
   .Example_4 {background: Aquamarine;}
   .Example_5 {background: Azure;}
   .Example_6 {background: beige;}
   .Example_7 {background: Bisque; }
   .Example_8 {background: Black; color: white;}
   .Example_9 {background: BlanchedAlmond;}

   .Example_10 {background: Blue; color: white;}
   .Example_11 {background: BlueViolet color: white;}
   .Example_12 {background: Brown; color: white;}
   .Example_13 {background: BurlyWood;}
   .Example_14 {background: CadetBlue;}
   .Example_15 {background: Chartreuse;}
   .Example_16 {background: Chocolate;}
   .Example_17 {background: Coral; }
   .Example_18 {background: CornflowerBlue;}
   .Example_19 {background: Cornsilk;}

   .Example_20 {background: Crimson}
   .Example_21 {background: Cyant;}
   .Example_22 {background: DarkBlue; color: white;}
   .Example_23 {background: DarkCyan;}
   .Example_24 {background: DarkGoldenRod;}
   .Example_25 {background: DarkGray;}
   .Example_26 {background: DarkGreen; color: white;}
   .Example_27 {background: DarkKhaki;}
   .Example_28 {background: DarkMagenta;}
   .Example_29 {background: DarkOliveGreen;}

   .Example_30 {background: DarkOrange}
   .Example_31 {background: DarkOrchid;}
   .Example_32 {background: DarkRed;}
   .Example_33 {background: DarkCyan;}
   .Example_34 {background: DarkSalmon;}

   .Example_35 {background: DarkSeaGreen;}
   .Example_36 {background: DarkSlateBlue; color: white;}
   .Example_37 {background: DarkSlateGray; color: white;}
   .Example_38 {background: DarkTurquoise;}
   .Example_39 {background: DarkViolet;}
   .Example_40 {background: DeepPink;}

   .Example_41 {background: DeepSkyBlue;}
   .Example_42 {background: DimGray;}
   .Example_43 {background: DodgerBlue;}
   .Example_44 {background: FireBrick;}
   .Example_45 {background: FloralWhite;}

   .Example_46 {background: ForestGreen;}
   .Example_47 {background: Fuchsia;}
   .Example_48 {background: Gainsboro;}
   .Example_49 {background: GhostWhite;}
   .Example_50 {background: Gold;}

   .Example_51 {background: GoldenRod;}
   .Example_52 {background: Gray;}
   .Example_53 {background: Green;}
   .Example_54 {background: GreenYellow;}
   .Example_55 {background: HoneyDew;}

   .Example_56 {background: HotPink;}
   .Example_57 {background: IndianRed;}
   .Example_58 {background: Indigo; color: white;}
   .Example_59 {background: Ivory;}
   .Example_60 {background: Khaki;}

   .Example_61 {background: Lavender;}
   .Example_62 {background: LavenderBlush;}
   .Example_63 {background: LawnGreen;}
   .Example_64 {background: LemonChiffon;}
   .Example_65 {background: LightBlue;}

   .Example_66 {background: LightCoral;}
   .Example_67 {background: LightCyan;}
   .Example_68 {background: LightGoldenRodYellow;}
   .Example_69 {background: LightGray;}
   .Example_70 {background: LightGreen;}

   .Example_71 {background: LightPink;}
   .Example_72 {background: LightSalmon;}
   .Example_73 {background: LightSeaGreen;}
   .Example_74 {background: LightSkyBlue;}
   .Example_75 {background: LightBlue;}

   .Example_76 {background: LightSteelBlue;}
   .Example_77 {background: LightYellow;}
   .Example_78 {background: Lime;}
   .Example_79 {background: LimeGreen;}
   .Example_80 {background: Linen;}

   .Example_81 {background: Magenta;}
   .Example_82 {background: Maroon; color: white;}
   .Example_83 {background: MediumAquaMarine;}
   .Example_84 {background: MediumBlue; color: white;}
   .Example_85 {background: MediumOrchid;}

   .Example_86 {background: MediumPurple;}
   .Example_87 {background: MediumSeaGreen;}
   .Example_88 {background: MediumSlateBlue;}
   .Example_89 {background: MediumSpringGreen;}
   .Example_90 {background: MediumTurquoise;}

   .Example_91 {background: MediumVioletRed;}
   .Example_92 {background: MidnightBlue; color: white;}
   .Example_93 {background: MintCream;}
   .Example_94 {background: MistyRose;}
   .Example_95 {background: Moccasin;}

   .Example_96 {background: NavajoWhite;}
   .Example_97 {background: Navy; color: white;}
   .Example_98 {background: OldLace;}
   .Example_99 {background: Olive;}
   .Example_100 {background: OliveDrab;}

   .Example_101 {background: Orange;}
   .Example_102 {background: OrangeRed;}
   .Example_103 {background: Orchid;}
   .Example_104 {background: PaleGoldenRod;}
   .Example_105 {background: PaleGreen;}

   .Example_106 {background: PaleTurquoise;}
   .Example_107 {background: PaleVioletRed; }
   .Example_108 {background: PapayaWhip;}
   .Example_109 {background: PeachPuff;}
   .Example_110 {background: Peru}

   .Example_111 {background: Pink;}
   .Example_112 {background: Plum;}
   .Example_113 {background: Purple; color: white;}
   .Example_114 {background: RebeccaPurple; color: white;}
   .Example_115 {background: Red;}

   .Example_116 {background: RosyBrown;}
   .Example_117 {background: RoyalBlue; }
   .Example_118 {background: SaddleBrown;}
   .Example_119 {background: Salmon;}
   .Example_120 {background: SandyBrown;}

   .Example_121 {background: SeaGreen;}
   .Example_122 {background: SeaShell;}
   .Example_123 {background: Sienna;}
   .Example_124 {background: Silver;}
   .Example_125 {background: SkyBlue;}

   .Example_126 {background: SlateBlue;}
   .Example_127 {background: SlateGray;}
   .Example_128 {background: Snow;}
   .Example_129 {background: SpringGreen;}
   .Example_130 {background: SteelBlue;}

   .Example_131 {background: Tan;}
   .Example_132 {background: Teal;}
   .Example_133 {background: Thistle;}
   .Example_134 {background: Tomato;}
   .Example_135 {background: Turquoise;}

   .Example_136 {background: Violet;}
   .Example_137 {background: Wheat;}
   .Example_138 {background: White;}
   .Example_139 {background: WhiteSmoke;}
   .Example_140 {background: Yellow;}


 /*                                ----   Background - Fading Black   -----           */
  .grid-layout-2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 175px 175px 175px;
    }

   .Example_1-Black {
    background: radial-gradient( white, black);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #aaadb3;
     }

    .Example_2-Black {
      background: linear-gradient(to top , white, black);
      border-width: 3px;
      Border-style: solid;
      border-color: #bdadac;
      border-radius: 20px;
      box-shadow: 10px 10px 30px white;
      font-weight: 900;
      font-size: 25px;
      color: #aaadb3;
      }

   .Example_3-Black {
     background: linear-gradient(to bottom , white, black);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #6b6b6e;
     }

   .Example_4-Black {
     background: linear-gradient(to right, white, black);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     }

   .Example_5-Black {
     background: linear-gradient(to right top , white, black);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     }

   .Example_6-Black {
     background: linear-gradient(to right bottom , white, black);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     }

   .Example_7-Black {
     background: linear-gradient(to left , white, black);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #aaadb3;
     }

   .Example_8-Black {
     background: linear-gradient(to left top, white, black);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #aaadb3;
     }

   .Example_9-Black {
     background: linear-gradient(to left bottom , white, black);
     border-width: 3px;
     Border-style: solid;
     border-color: white;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     }


   .Example_1-Red {
     background-image: radial-gradient(circle, #f7eaeb, #dfb2b2, #c37d78, #a14a3e, #781400);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #aaadb3;
     }

    .Example_2-Red {
      background-image: linear-gradient(to right top, #f7eaeb, #dfb2b2, #c37d78, #a14a3e, #781400);
      border-width: 3px;
      Border-style: solid;
      border-color: #bdadac;
      border-radius: 20px;
      box-shadow: 10px 10px 30px white;
      font-weight: 900;
      font-size: 25px;
      color: #aaadb3;
      }

   .Example_3-Red {
     background-image: linear-gradient(to right, #f7eaeb, #dfb2b2, #c37d78, #a14a3e, #781400);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #6b6b6e;
     }

   .Example_4-Red {
     background-image: linear-gradient(to right, #f7eaeb, #dfb2b2, #c37d78, #a14a3e, #781400);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     }

    .Example_5-Red {
      background-image: linear-gradient(to bottom, #f7eaeb, #dfb2b2, #c37d78, #a14a3e, #781400);
        border-width: 3px;
        Border-style: solid;
        border-color: #bdadac;
        border-radius: 20px;
        box-shadow: 10px 10px 30px white;
        font-weight: 900;
        font-size: 25px;
        color: #aaadb3;
        }

    .Example_6-Red {
       background-image: linear-gradient(to left bottom, #f7eaeb, #dfb2b2, #c37d78, #a14a3e, #781400);
       border-width: 3px;
       Border-style: solid;
       border-color: #bdadac;
       border-radius: 20px;
       box-shadow: 10px 10px 30px white;
       font-weight: 900;
       font-size: 25px;
       color: #aaadb3;
       }

    .Example_7-Red {
        background-image: linear-gradient(to left, #f7eaeb, #dfb2b2, #c37d78, #a14a3e, #781400);
        border-width: 3px;
        Border-style: solid;
        border-color: #bdadac;
        border-radius: 20px;
        box-shadow: 10px 10px 30px white;
        font-weight: 900;
        font-size: 25px;
        color: #aaadb3;
        }

    .Example_8-Red {
       background-image: linear-gradient(to left top, #f7eaeb, #dfb2b2, #c37d78, #a14a3e, #781400);
       border-width: 3px;
       Border-style: solid;
       border-color: #bdadac;
       border-radius: 20px;
       box-shadow: 10px 10px 30px white;
       font-weight: 900;
       font-size: 25px;
       color: #aaadb3;
       }

    .Example_9-Red {
       background-image: linear-gradient(to top, #f7eaeb, #dfb2b2, #c37d78, #a14a3e, #781400);
       border-width: 3px;
       Border-style: solid;
       border-color: white;
       border-radius: 20px;
       box-shadow: 10px 10px 30px white;
       font-weight: 900;
       font-size: 25px;
       color: #aaadb3;
       }

/*                                ----   Background - Fading Pink   -----           */
   .Example_1-Pink {
    background: radial-gradient( white , fuchsia);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #aaadb3;
     }

    .Example_2-Pink {
      background: linear-gradient(to top , white , fuchsia);
      border-width: 3px;
      Border-style: solid;
      border-color: #bdadac;
      border-radius: 20px;
      box-shadow: 10px 10px 30px white;
      font-weight: 900;
      font-size: 25px;
      color: #aaadb3;
      }

   .Example_3-Pink {
     background: linear-gradient(to bottom , white , fuchsia);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #6b6b6e;
     }

   .Example_4-Pink {
     background: linear-gradient(to right, white , fuchsia);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     }

   .Example_5-Pink {
     background: linear-gradient(to right top , white , fuchsia);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     }

   .Example_6-Pink {
     background: linear-gradient(to right bottom , white , fuchsia);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     }

   .Example_7-Pink {
     background: linear-gradient(to left , white , fuchsia);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #aaadb3;
     }

   .Example_8-Pink {
     background: linear-gradient(to left top, white , fuchsia);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #aaadb3;
     }

   .Example_9-Pink {
     background: linear-gradient(to left bottom , white , fuchsia);
     border-width: 3px;
     Border-style: solid;
     border-color: white;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     }

/*                                ----   Background - Fading Blue   -----           */
   .Example_1-blue {
    background: radial-gradient(circle, #bfc7ca , #0f2027);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #aaadb3;
     }

    .Example_2-blue {
      background: linear-gradient(to top , #bfc7ca , #0f2027);
      border-width: 3px;
      Border-style: solid;
      border-color: #bdadac;
      border-radius: 20px;
      box-shadow: 10px 10px 30px white;
      font-weight: 900;
      font-size: 25px;
      color: #aaadb3;
      }

   .Example_3-blue {
     background: linear-gradient(to bottom , #bfc7ca , #0f2027);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #6b6b6e;
     }

   .Example_4-blue {
     background: linear-gradient(to right, #bfc7ca , #0f2027);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     }

   .Example_5-blue {
     background: linear-gradient(to right top , #bfc7ca , #0f2027);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     }

   .Example_6-blue {
     background: linear-gradient(to right bottom , #bfc7ca , #0f2027);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     }

   .Example_7-blue {
     background: linear-gradient(to left , #bfc7ca , #0f2027);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #aaadb3;
     }

   .Example_8-blue {
     background: linear-gradient(to left top, #bfc7ca , #0f2027);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #aaadb3;
     }

   .Example_9-blue {
     background: linear-gradient(to left bottom , #bfc7ca , #0f2027);
     border-width: 3px;
     Border-style: solid;
     border-color: white;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     }

/*                                ----   Background - Fading Green   -----           */
   .Example_1-green {
     background-image: radial-gradient(circle, #e7e6f7, #9fc1dc, #44a1ad, #007c63, #235308);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #dadee0;
     }

    .Example_2-green {
     background-image: linear-gradient(to right top, #e7e6f7, #9fc1dc, #44a1ad, #007c63, #235308);
      border-width: 3px;
      Border-style: solid;
      border-color: #bdadac;
      border-radius: 20px;
      box-shadow: 10px 10px 30px white;
      font-weight: 900;
      font-size: 25px;
      color: #dadee0;
      }

   .Example_3-green {
     background-image: linear-gradient(to right, #e7e6f7, #9fc1dc, #44a1ad, #007c63, #235308);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #1f1e1c;
     }

   .Example_4-green {
     background-image: linear-gradient(to right bottom, #e7e6f7, #9fc1dc, #44a1ad, #007c63, #235308);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #1f1e1c;
     }

    .Example_5-green {
      background-image: linear-gradient(to bottom, #e7e6f7, #9fc1dc, #44a1ad, #007c63, #235308);
      border-width: 3px;
      Border-style: solid;
      border-color: #bdadac;
      border-radius: 20px;
      box-shadow: 10px 10px 30px white;
      font-weight: 900;
      font-size: 25px;
      color: #1f1e1c;
      }

    .Example_6-green {
       background-image: linear-gradient(to left bottom, #e7e6f7, #9fc1dc, #44a1ad, #007c63, #235308);
       border-width: 3px;
       Border-style: solid;
       border-color: #bdadac;
       border-radius: 20px;
       box-shadow: 10px 10px 30px white;
       font-weight: 900;
       font-size: 25px;
       color: #dadee0;

       }

    .Example_7-green {
       background-image: linear-gradient(to left, #e7e6f7, #9fc1dc, #44a1ad, #007c63, #235308);
       border-width: 3px;
       Border-style: solid;
       border-color: #bdadac;
       border-radius: 20px;
       box-shadow: 10px 10px 30px white;
       font-weight: 900;
       font-size: 25px;
       color: #dadee0;
       }

    .Example_8-green {
       background-image: linear-gradient(to left top, #e7e6f7, #9fc1dc, #44a1ad, #007c63, #235308);v
       border-width: 3px;
       Border-style: solid;
       border-color: #bdadac;
       border-radius: 20px;
       box-shadow: 10px 10px 30px white;
       font-weight: 900;
       font-size: 25px;
       color: #dadee0;
       }

    .Example_9-green {
       background-image: linear-gradient(to top, #e7e6f7, #9fc1dc, #44a1ad, #007c63, #235308);
       border-width: 3px;
       Border-style: solid;
       border-color: white;
       border-radius: 20px;
       box-shadow: 10px 10px 30px white;
       font-weight: 900;
       font-size: 25px;
       color: #dadee0;
       }
/*                                ----   Background - Fading Orange   -----           */
   .Example_1-orange {
    background: radial-gradient( white, orangered);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #aaadb3;
     }

    .Example_2-orange {
      background: linear-gradient(to top , white, orangered);
      border-width: 3px;
      Border-style: solid;
      border-color: #bdadac;
      border-radius: 20px;
      box-shadow: 10px 10px 30px white;
      font-weight: 900;
      font-size: 25px;
      color: #aaadb3;
      }

   .Example_3-orange {
     background: linear-gradient(to bottom , white, orangered);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #6b6b6e;
     }

   .Example_4-orange {
     background: linear-gradient(to right, white, orangered);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     }

   .Example_5-orange {
     background: linear-gradient(to right top , white, orangered);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     }

   .Example_6-orange {
     background: linear-gradient(to right bottom , white, orangered);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     }

   .Example_7-orange {
     background: linear-gradient(to left , white, orangered);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #aaadb3;
     }

   .Example_8-orange {
     background: linear-gradient(to left top, white, orangered);
     border-width: 3px;
     Border-style: solid;
     border-color: #bdadac;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     color: #aaadb3;
     }

   .Example_9-orange {
     background: linear-gradient(to left bottom , white, orangered);
     border-width: 3px;
     Border-style: solid;
     border-color: white;
     border-radius: 20px;
     box-shadow: 10px 10px 30px white;
     font-weight: 900;
     font-size: 25px;
     }
 /*                                ----   Wrapper Method   -----                   */
#wrapper {
    box-shadow: 0px 3px 3px rgba(66, 66, 66, 0.3);
    display: grid;
    grid-auto-rows: minmax(0px, auto);
    z-index: 3;
    grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);
}

main {
    padding-left: 2rem;
    padding-right: 2rem;
    grid-row: 4 / 5;
    grid-column: 2 / 8;
    background-color: #ffffff;
    z-index: 3;
}


* {box-sizing: border-box;}

nav ul{
    list-style-type: none;
}
nav ul li{display: inline;
}


nav ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-flow: row nowrap;
    list-style-type: none;
    z-index: 1;
}

nav ul li {width: 100%;}

nav a:hover {background-color: #ba1c21;}



/*                   -----------    Buttons   --------------------*/



 .dropbtn {
    width: 100%;
    background-color: #424242;
    font-size: 16px;
    border: none;
    font-family: "Fantasy", copperplate;
    color: white;
    opacity: .5;
          }

 .dropdown {
    position: relative;
    display: inline-block;
    font-size: 15px;
    text-decoration: none;
   z-index: 3;
    }

 .dropdown-content {
   background: white;
   text-align: left;
   display: none;
   font-family: "Fantasy", copperplate;
   position: absolute;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 3;
   }

 .dropdown-content a {
   text-align: left;
   color: black;
   width: 350px;
   padding: 12px 16px;
   text-decoration: none;
   display: block;
   z-index: 3;
   }

 .dropbtn:hover {background-color: red;cursor: pointer;}

 .dropdown:hover .dropdown-content {display: block; }



/*                                     Media Queries                             */


@media only screen and (max-width: 1100px){
    .wrapper{
        grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 150px)) minmax(0px, 1fr);
    }
}
    ::selection{
        float: none;
        width: 100%;
        padding-right: 0px;
        }
        }

@media screen and (max-width: 600px) {
    header h1{
        background-image: none;
        text-align: center;
        z-index: 3;
        }
    nav{
        grid-row: 2 / 3;
        grid-column: 1 / 9;
        }
    }

 .large-image-1 {
     position: relative;
     width: 100%;
     background: black;
     z-index: 1;
     }