*, *::before, *::after {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
/* 

            [CSS Reset]

 */
/* 
        [@font-face Template-Tool_copy&reuse] 
                                                    */

@font-face {
    font-family: Anton;
    src: url("assets/fonts/anton-v27-latin/anton-v27-latin-regular.ttf") format('truetype'),
     url("assets/fonts/anton-v27-latin/anton-v27-latin-regular.eot") format('embedded-opentype'),
     url("assets/fonts/anton-v27-latin/anton-v27-latin-regular.svg") format('svg'),
     url("assets/fonts/anton-v27-latin/anton-v27-latin-regular.woff") format('woff'),
     url("assets/fonts/anton-v27-latin/anton-v27-latin-regular.woff2") format('woff2');
    font-display: swap;
}

@font-face {
    font-family: Bungee-inline;
    src: url("assets/fonts/bungee-inline-v19-latin/bungee-inline-v19-latin-regular.ttf") format('truetype'),
     url("assets/fonts/bungee-inline-v19-latin/bungee-inline-v19-latin-regular.eot") format('embedded-opentype'),
     url("assets/fonts/bungee-inline-v19-latin/bungee-inline-v19-latin-regular.svg") format('svg'),
     url("assets/fonts/bungee-inline-v19-latin/bungee-inline-v19-latin-regular.woff") format('woff'),
     url("assets/fonts/bungee-inline-v19-latin/bungee-inline-v19-latin-regular.woff2") format('woff2');
    font-display: swap;
}

@font-face {
    font-family: Bungee-shade;
    src: url("assets/fonts/bungee-shade-v17-latin/bungee-shade-v17-latin-regular.ttf") format('truetype'),
     url("assets/fonts/bungee-shade-v17-latin/bungee-shade-v17-latin-regular.eot") format('embedded-opentype'),
     url("assets/fonts/bungee-shade-v17-latin/bungee-shade-v17-latin-regular.svg") format('svg'),
     url("assets/fonts/bungee-shade-v17-latin/bungee-shade-v17-latin-regular.woff") format('woff'),
     url("assets/fonts/bungee-shade-v17-latin/bungee-shade-v17-latin-regular.woff2") format('woff2');
    font-display: swap;
}

/* @font-face {
    font-family: ;
    src: url() format('truetype'),
     url() format('embedded-opentype'),
     url() format('svg'),
     url() format('woff'),
     url() format('woff2');
    font-display: swap;
}   —Filled in @font-face template_copy&reuse——  */

/* @font-face {
    font-family: '';
    src: url() format(''),
     url() format(''),
     url() format(''),
     url() format(''),
     url() format('');
    font-display: swap;
}   —Empty @font-face template_copy&reuse——  */

/* 
        
    [-Code—section:Webpage-1]
        [index.html-] 
                                        
                                                 */

 #index———body {
   background-image: linear-gradient(45deg, #3891d1, #6cbffa, #3891d1);
    font-family: Arial, Helvetica, sans-serif;
    scroll-behavior: smooth;
 }

 #index——header {
    border: 10px double rgb(105, 106, 106);
    border-radius: 5px;
 }

 .index—navbar {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: end;
    position: relative;
 }

 .index—banner {
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-image: linear-gradient(to right, #297ebb, #50aef2, #297ebb);
 }

 #index——h1 {
    font-family: Bungee-shade;
    font-size: 5.5vw;
 }

 #index—navbar-dropdown-menu {
    border: 1.5vw ridge rgb(67, 66, 66);
    margin-top: 6px;
 }

 #index-dropdown-menu-button {
   list-style: none;
    background-image: linear-gradient(to right, #005b9c, #1b93e9, #005b9c);
    font-family: Anton;
    font-size: 5.5vw;
    padding: 1px 4px;
    text-align: center;
 }

 #index—navbar-ul_style {
    background-image: linear-gradient(45deg, #297ebb, #50aef2, #297ebb);
    list-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
 }

.index_li-style-1a {
   margin-bottom: 4px;
   text-align: center;
   font-size: 4vw;
}

.index_li-style-1s {
   margin-bottom: 4px;
   text-align: center;
   font-size: 4vw;
}

.index_li-style-1c {
   margin-bottom: 4px;
   text-align: center;
   font-size: 4vw;
}

 .index—img-1 {
   display: block;
    margin: 20px auto;
    width: 90%;
    height: auto;
 }

 #index—hgroup-1 {
    background-color: #68a2cbaa;
    border: 4px solid #005b9c;
    border-radius: 5px;
 }

 .index—header—h2 {
   text-align: center;
   font-family: Anton;
   font-weight: 400;
   padding: 10px 15px 6px 10px;
   font-size: 9vw;
 }

 .index—hr_style-littleshort {
   box-sizing: border-box;
   border-bottom: #005b9c 3px solid;
    height: 4px;
    color: #005b9c;
    width: 70vw;
    margin: 10px auto 15px auto;
 }

 .index_paragraph_style-1 {
    padding: 10px 8px 15px 6px;
    text-indent: 2vw;
    font-size: 7vw;
 }

 .index—hr_style-1 {
    box-sizing: border-box;
    border-bottom: #005b9c 4px solid;
    height: 4px;
    color: #005b9c;
    width: 100%;
    margin: 10px 0px 15px 0px;
 }

 .index—h2_style-1 {
    text-align: center;
    font-family: Anton;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 9vw;
 }

 .index_paragraph_style-2 {
    text-indent: 2vw;
    padding: 10px 8px 10px 6px;
    font-size: 6vw;
 }

 .index—img-2 {
   display: block;
    margin: 20px auto;
    width: 90%;
    height: auto;
 }

 .index—h2_style-2 {
   font-family: Anton;
   font-weight: 400;
    text-align: center;
    text-wrap: balance;
    font-size: 9vw;
 }

 .index—img-3 {
    display: block;
    margin: 20px auto;
    width: 90%;
    height: auto;
 }

 .index—h2_style-3 {
   text-align: center;
   margin: 20px 4px;
   font-family: Anton;
   font-weight: 400;
   text-wrap: balance;
   font-size: 9vw;
 }

#index—footer-container {
    border: 8px ridge #005b9c;
    display: flex;
   flex-flow: column nowrap;
   align-items: center;
}

.index—footer-h3_style-1 {
   margin-top: 10px;
    text-align: center;
    font-size: 9vw;
}

.index—footer-paragraph-text {
    text-indent: 2vw;
    font-size: 7vw;
    padding: 4px 6px 20px 6px;
}

.to-dropdown-menu {
   font-size: 7vw;
   margin-bottom: 10px;
   border: 6px double #015fa2;
   border-radius: 6px;
}
/* 
     
      [code-section] webpage-2
            [about.html]

                                    */

#about———body {
   background-image: linear-gradient(to bottom, #6cbffa, #4f99ce, #3086c4, #6cbffa);
   font-family: Arial, Helvetica, sans-serif;
   scroll-behavior: smooth;
}

#about——header {
   border: #005b9c 8px double;
}

#about—navbar {
   background-image: linear-gradient(to top right, #4689b9, #6cbffa, #4689b9);
   display: flex;
   flex-direction: column;
   width: 100%;
}

.about-img-1 {
   display: block;
   margin: 10px auto 5px auto;
   width: 90%;
   height: auto;
}

#about—navbar-dropdown-menu {
   position: relative;
   align-self: end;
   margin: 10px 0 20px 0;
   border: 1.5vw ridge rgb(67, 66, 66);
}

#about-dropdown-menu-button {
   position: relative;
   list-style: none;
   font-family: Anton;
    font-size: 5.5vw;
    padding: 1px 4px;
    text-align: center;
}

#about—navbar-ul_style {
   list-style: none;
}

.index_li-style-2h {
   margin-bottom: 4px;
   text-align: center;
   font-size: 4vw;
}

.index_li-style-2s {
   margin-bottom: 4px;
   text-align: center;
   font-size: 4vw;
}

.index_li-style-2c {
   margin-bottom: 4px;
   text-align: center;
   font-size: 4vw;
}

.about-hr_style-1 {
   border-bottom: 4px solid rgb(81, 80, 80);
   width: 98%;
   margin: 1px auto;
}

.about-img-2 {
   display: block;
   margin: 20px auto;
   width: 90%;
   height: auto;
}

#about—h1 {
   font-family: Anton;
   font-weight: 400;
   font-size: 9vw;
   text-align: center;
}

.about—paragraph_style-1 {
   text-indent: 2vw;
   padding: 4px 8px 4px 6px;
   font-size: 7vw;
}

.about-h2_style-1 {
   font-family: Anton;
   font-weight: 400;
   font-size: 9vw;
   text-align: center;
   margin: 20px auto 10px auto;
}

.about—paragraph_style-2 {
   text-indent: 2vw;
   padding: 4px 8px 4px 6px;
   font-size: 7vw;
   margin: 20px 0 10px 0;
}

#about—footer—container {
   border: 4px solid grey;
   display: flex;
   flex-flow: column nowrap;
   align-items: center;
}

.about-h3_style-1 {
   font-family: Anton;
   font-weight: 400;
   font-size: 9vw;
   text-align: center;
}

.about—paragraph_style-3 {
   text-indent: 2vw;
   padding: 4px 8px 4px 6px;
   font-size: 7vw;
   margin: 20px 0 10px 0;
}

/* 

      [Code-Section page-3]
         [Services.html]

                              */

#services———body {
   background-image: linear-gradient(to right, #0155b0, #2085f0, #0155b0);
   font-family: Arial, Helvetica, sans-serif;
   scroll-behavior: smooth;
}

#services—page-nav {
   display: flex;
   flex-direction: column;
   width: 100%;
}

#services—navbar-dropdown-menu {
   position: relative;
   align-self: end;
   margin: 10px 0 20px 0;
   border: 1.5vw ridge rgb(67, 66, 66);
}

#services-dropdown-menu-button {
   position: relative;
   list-style: none;
   font-family: Anton;
    font-size: 5.5vw;
    padding: 1px 4px;
    text-align: center;
}

#services—navbar-ul_style {
   list-style: none;
}

.services_li-style-3h {
   margin-bottom: 4px;
   text-align: center;
   font-size: 4vw;
}

.services_li-style-3a {
   margin-bottom: 4px;
   text-align: center;
   font-size: 4vw;
}

.services_li-style-3s {
   margin-bottom: 4px;
   text-align: center;
   font-size: 4vw;
}

#services—h1 {
   font-family: Anton;
   font-weight: 400;
   font-size: 9vw;
   text-align: center;
}

.services—h2_style-1 {
   font-family: Anton;
   font-weight: 400;
   font-size: 9vw;
   text-align: center;
}

.services—page-paragraph_style-1 {
   text-indent: 2vw;
   padding: 4px 8px 4px 6px;
   font-size: 7vw;
   margin: 20px 0 10px 0;
   text-align: center;
}

.services-img-2 {
   display: block;
   margin: 20px auto 10px auto;
   width: 90%;
   height: auto;
}

.services—h2_style-2 {
   font-family: Anton;
   font-weight: 400;
   font-size: 9vw;
   text-align: center;
}

.services-ol-li {
   text-indent: 2vw;
   padding: 4px 8px 4px 6px;
   font-size: 7vw;
   margin: 20px 0 10px 0;
}

.services—h3_style-1 {
   font-family: Anton;
   font-weight: 400;
   font-size: 9vw;
   text-align: center;
}

.services—h3_style-2 {
   font-family: Anton;
   font-weight: 400;
   font-size: 9vw;
   text-align: center;
}

.services—h3_style-3 {
   font-family: Anton;
   font-weight: 400;
   font-size: 9vw;
   text-align: center;
}

.services—page-paragraph_style-2 {
   text-indent: 2vw;
   padding: 4px 8px 4px 6px;
   font-size: 7vw;
   margin: 20px 0 10px 0;
}

.service-ul-month_style {
   text-indent: 2vw;
   padding: 4px 8px 4px 6px;
   font-size: 7vw;
   margin: 20px 0 10px 0;
}

.services—h3_style-4 {
   font-family: Anton;
   font-weight: 400;
   font-size: 9vw;
   text-align: center;
}

/* 

      [Code-section]
         [contact]

                              */

#contact———body {
   background-image: linear-gradient(45deg, #3891d1, #6cbffa, #3891d1);
    font-family: Arial, Helvetica, sans-serif;
    scroll-behavior: smooth;
}

#contact—navbar-dropdown-menu {
   position: relative;
   align-self: end;
   margin: 10px 0 20px 0;
   border: 1.5vw ridge rgb(67, 66, 66);
}

#contact-dropdown-menu-button {
   position: relative;
   list-style: none;
   font-family: Anton;
    font-size: 5.5vw;
    padding: 1px 4px;
    text-align: center;
}

.contact—page-paragraph_style-1 {
   text-indent: 2vw;
   padding: 4px 8px 4px 6px;
   font-size: 7vw;
   margin: 20px 0 10px 0;
}