html{

  margin:0px;
  padding:0px;
}

body{

  margin:0px;
  padding:0px;
    --nav-height:80px;
  padding-top:var(--nav-height);
  background-color: #6494aa;
}

@media (max-width:900px){

  .speedrunning_history h2{

    font-size:5vw;
    text-align: center;
    font-family: Inconsolata;
    padding-top:7%;
    padding-bottom:20%;
  }

  .speedrunning_history_top{

    background-color: #6494aa;
    padding-bottom:50%;

  }


  .speedrunning_history_top img{

    width:75%;
    display:block;
    margin-left:auto;
    margin-right:auto;
    padding-top:20%;

  }

  .speedrunning_history_top h2{

    font-size:4.5vw;
    text-align:left;
    padding:0px;
    margin-right:15%;
    margin-left:10%;
    margin-top:20%;
    color:#ffffff;
    margin-bottom:5%;

  }

  .speedrunning_info{
    margin-left:7%;
    margin-right:10%;
  }
  .speedrunning_history_top ol{

  
    color:#ffffff;
    font-size:3vw;
    font-family: fira sans;
    font-weight:300;
    margin-right:7%;
  

  }

   .speedrunning_history_top ul{

  
    color:#ffffff;
    font-size:3vw;
    font-family: fira sans;
    font-weight:300;
    margin-right:7%;
        line-height:1.5;
    
  

  }

        ol { 
            list-style: none; 
            counter-reset: num; 
             list-style-position: inside; /* Ensures the number is inside the list item */
        } 

        li {
  text-indent: -1.5em; /* Pulls the wrapped text to the left */
  padding-left: 1em; /* Adds space for the number or bullet */
  display: block; /* Ensures the list items are block elements */
}
  
        ol li { 
            counter-increment: num; 
            font-size: 1.1em; 
      
        } 
  
        ol li::before { 
            content: "0" counter(num) " "" "; 
            font-weight: bold; 
            color: #ffffff; 
            font-family: fira sans; 
            font-size: 1.1em; 
      
      
        } 





  .speedrunning_history_top h3{

    margin:0px;
    padding:0px;
    color:#ffffff;
    margin-right:15%;
    margin-left:15%;
    font-size:2.5vw;
    font-family:inconsolata;
    margin-top:1.5%;
    font-style:italic;
  }
  .text_nav_history{

  background-color: #6494aa;
  margin:0px;
  padding-top:2%;
  text-align:right;
  padding-right:5%;


}

.speedrunning_history_top h1{


  font-size:3vw;
  font-family:fira sans;
  color:#a5c4d1;
  font-weight:350;


}

.speedrunning_history_top b{

  color:#ffffff;

}

.text_nav_history a:link{

  color:#a5c4d1;
  text-decoration: underline;

}

.text_nav_history a:visited{

  color:#a5c4d1;
}

.text_nav_history a:hover{

  color:#ffffff;
}

/*accordian menu stuff*/


.dropdown_glossary {

  margin-right:15%;
  margin-left:15%;
  
}

.dropdown_glossary p{

  margin-right:0px;
  margin-left:0px;
}

.dropdown_glossary h2 {

  margin-right:0px;
  margin-left:0px;
  margin-top:35%;

}

.dropdown_glossary h3{

  margin-right:0px;
  margin-left:0px;
  font-weight:300;
  margin-bottom:10%;
}



.accordion {
  background-color: #6494aa;
  display:grid;
  grid-template-columns: 1fr .1fr;
  color: #ffffff;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  border-bottom:.35vw #ffffff solid;
}

.accordion.active {

  border-bottom:none;

}

.accordion p{

  font-weight:400;
  font-family:fira Sans;
  font-size:3.5vw;


}

.panel.active{

  border-bottom:.35vw #ffffff solid;
  padding-left:10%;
  padding-right:10%;
  padding-top:10%;
  padding-bottom:20%;
  background-color:#4d86a1;
  
  

}


.panel.active p{

  font-size:3vw;
  
  padding:0px 0px;
  font-family:fira sans;
  color:#ffffff;
  font-weight:300;
  margin-top:0px;
  


}

.glitchless a:link{

text-decoration: underline;
color:#151515;

}

.glitchless a:visited{
  color:#151515;
}

.glitchless a:hover{
  color:#a63d40;
}

.panel h1{

  color:#ffffff;
  font-size:4vw;
}


.plus {
    display: inline-block;  /* ensures it's visible */
    text-align: right;
    margin-right: 15%;
    font-size: 3.5vw;
}


.panel ol{

  
    color:#ffffff;
    font-size:3vw;
    font-family: fira sans;
    font-weight:300;
    margin-right:7%;
    margin-top:0px;
  

  }

.panel ol { 
      margin-left:0px;
      padding-left:10%;
            list-style: none; 
            counter-reset: num; 
             list-style-position: inside; /* Ensures the number is inside the list item */
        } 

.panel li {
  text-indent: -1.5em; /* Pulls the wrapped text to the left */
  padding-left: 1em; /* Adds space for the number or bullet */
  display: block; /* Ensures the list items are block elements */
}
  
.panel ol li { 
            counter-increment: num; 
            font-size: 1.1em; 
      
        } 
  
.panel ol li::before { 
            content: "0" counter(num) " "" "; 
            font-weight: 400; 
            color: #ffffff; 
            font-family: fira sans; 
            font-size: 1.1em; 
      
      
        } 

.panel h2{
  font-size:4vw;
  margin-top:20%;
}

.panel h2:hover{

  color:#151515;
}

b{

  font-weight:400;
}



/* Minus should be hidden by default */
.minus {
    display: none;  /* hide the minus sign by default */
    text-align: right;
    margin-right: 15%;
    font-size: 3.5vw;
}

/* When the accordion is active, hide the plus and show the minus */
.active.plus {
    display: none;  /* hide plus when active */
}

.active.minus {
    display: inline-block;  /* show minus when active */
}

.active, .accordion:hover {
  background-color: none; 
}

.panel {
  padding: 0 10%;
  display: none;
  background-color: #6494aa;
  overflow: hidden;
}

}

@media (max-width:900px) and (min-width:450px){

  .speedrunning_history h2{

  
    padding-bottom:20%;
  }

  .speedrunning_history_top{

    background-color: #6494aa;
    padding-bottom:60%;

  }


  .speedrunning_history_top img{

    width:65%;
    padding-top:15%;


  }

  .speedrunning_history_top h2{

    font-size:3.5vw;
    text-align:left;
    padding:0px;
    margin-right:15%;
    margin-left:5%;
    margin-top:15%;
    color:#ffffff;
    margin-bottom:5%;

  }

  .speedrunning_info{
    margin-left:10%;
    margin-right:10%;
  }
  .speedrunning_history_top ol{

  
    color:#ffffff;
    font-size:2.5vw;
    font-family: fira sans;
    font-weight:300;
    margin-right:7%;
  

  }

    .speedrunning_history_top ul{

  
    color:#ffffff;
    font-size:2.5vw;
    font-family: fira sans;
    font-weight:300;
    margin-right:7%;
        line-height:1.5;
    
  

  }

        ol { 
            list-style: none; 
            counter-reset: num; 
             list-style-position: inside; /* Ensures the number is inside the list item */
        } 

        li {
  text-indent: -1.5em; /* Pulls the wrapped text to the left */
  padding-left: 1em; /* Adds space for the number or bullet */
  display: block; /* Ensures the list items are block elements */
}
  
        ol li { 
            counter-increment: num; 
            font-size: 1em; 
      
        } 
  
        ol li::before { 
            content: "0" counter(num) " "" "; 
            font-weight: bold; 
            color: #ffffff; 
            font-family: fira sans; 
            font-size: 1em; 
      
      
        } 





  .speedrunning_history_top h3{

    margin:0px;
    padding:0px;
    color:#ffffff;
    margin-right:15%;
    margin-left:15%;
    font-size:2.5vw;
    font-family:inconsolata;
    margin-top:1.5%;
    font-style:italic;
  }
  .text_nav_history{

  background-color: #6494aa;
  margin:0px;
  padding-top:2%;
  text-align:right;
  padding-right:5%;


}

.speedrunning_history_top h1{


  font-size:2.5vw;
  font-family:fira sans;
  color:#a5c4d1;
  font-weight:350;


}

.speedrunning_history_top b{

  color:#ffffff;

}

.text_nav_history a:link{

  color:#a5c4d1;
  text-decoration: underline;

}

.text_nav_history a:visited{

  color:#a5c4d1;
}

.text_nav_history a:hover{

  color:#ffffff;
}

/*accordian menu stuff*/


.dropdown_glossary {

  margin-right:19%;
  margin-left:19%;
  
}

.dropdown_glossary p{

  margin-right:0px;
  margin-left:0px;
}

.dropdown_glossary h2 {

  margin-right:0px;
  margin-left:0px;
  margin-top:35%;
  font-size:vw;

}

.dropdown_glossary h3{

  margin-right:0px;
  margin-left:0px;
  font-weight:300;
  margin-bottom:10%;
}



.accordion {
  background-color: #6494aa;
  display:grid;
  grid-template-columns: 1fr .1fr;
  color: #ffffff;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size:10px ;
  transition: 0.4s;
  border-bottom:.35vw #ffffff solid;
}

.accordion.active {

  border-bottom:none;

}

.accordion p{

  font-weight:400;
  font-family:fira Sans;
  font-size:3vw;


}

.panel.active{

  border-bottom:.35vw #ffffff solid;
  padding-left:10%;
  padding-right:10%;
  padding-top:10%;
  padding-bottom:20%;
  background-color:#4d86a1;
  
  

}


.panel.active p{

  font-size:2.5vw;
  
  padding:0px 0px;
  font-family:fira sans;
  color:#ffffff;
  font-weight:300;
  margin-top:0px;
  


}

.glitchless a:link{

text-decoration: underline;
color:#151515;

}

.glitchless a:visited{
  color:#151515;
}

.glitchless a:hover{
  color:#a63d40;
}

.panel h1{

  color:#ffffff;
  font-size:3vw;
}


.plus {
    display: inline-block;  /* ensures it's visible */
    text-align: right;
    margin-right: 15%;
    font-size: 3.5vw;
}


.panel ol{

  
    color:#ffffff;
    font-size:2vw;
    font-family: fira sans;
    font-weight:300;
    margin-right:7%;
    margin-top:0px;
  

  }

.panel ol { 
      margin-left:0px;
      padding-left:10%;
            list-style: none; 
            counter-reset: num; 
             list-style-position: inside; /* Ensures the number is inside the list item */
        } 

.panel li {
  text-indent: -1.5em; /* Pulls the wrapped text to the left */
  padding-left: 1em; /* Adds space for the number or bullet */
  display: block; /* Ensures the list items are block elements */
}
  
.panel ol li { 
            counter-increment: num; 
            font-size: 1.1em; 
      
        } 
  
.panel ol li::before { 
            content: "0" counter(num) " "" "; 
            font-weight: 400; 
            color: #ffffff; 
            font-family: fira sans; 
            font-size: 1.1em; 
      
      
        } 

.panel h2{
  font-size:2.5vw;
  margin-top:20%;
}

.panel h2:hover{

  color:#151515;
}

b{

  font-weight:400;
}



/* Minus should be hidden by default */
.minus {
    display: none;  /* hide the minus sign by default */
    text-align: right;
    margin-right: 15%;
    font-size: 3.5vw;
}

/* When the accordion is active, hide the plus and show the minus */
.active.plus {
    display: none;  /* hide plus when active */
}

.active.minus {
    display: inline-block;  /* show minus when active */
}

.active, .accordion:hover {
  background-color: none; 
}

.panel {
  padding: 0 10%;
  display: none;
  background-color: #6494aa;
  overflow: hidden;
}

}

@media (min-width:900px) and (max-width:1920px){

  .speedrunning_history h2{

    font-size:5vw;
    text-align: center;
    font-family: Inconsolata;
    padding-top:7%;
    padding-bottom:20%;
  }

  .speedrunning_history_top{

    background-color: #6494aa;
    padding-bottom:30%;

  }

  .speedrun_def{

    display:grid;
    grid-template-columns: 1.5fr 2fr;
  margin-left:10%;
    margin-right:10%;
    margin-top:10%;
  }


  .speedrunning_history_top img{

    width:100%;
    margin
    display:block;
    margin-left:auto;
    margin-right:auto;
    padding-top:0%;

  }

  .speedrunning_history_top h2{

    font-size:2vw;
    text-align:left;
    padding:0px;
    margin-right:15%;
    margin-left:9%;
    margin-top:0%;
    color:#ffffff;
    margin-bottom:5%;

  }

  .speedrunning_info{
    margin-left:7%;
    margin-right:10%;
  }
  .speedrunning_history_top ol{

  
    color:#ffffff;
    font-size:1.2vw;
    font-family: fira sans;
    font-weight:300;
    
  

  }

  .speedrunning_history_top ul{

  
    color:#ffffff;
    font-size:1.2vw;
    font-family: fira sans;
    font-weight:300;
    line-height:1.5;
    
  

  }

        ol { 
            list-style: none; 
            counter-reset: num; 
             list-style-position: inside; /* Ensures the number is inside the list item */
        } 

        li {
  text-indent: -1.5em; /* Pulls the wrapped text to the left */
  padding-left: 1em; /* Adds space for the number or bullet */
  display: block; /* Ensures the list items are block elements */
}
  
        ol li { 
            counter-increment: num; 
            font-size: 1.2em; 
      
        } 
  
        ol li::before { 
            content: "0" counter(num) " "" "; 
            font-weight: bold; 
            color: #ffffff; 
            font-family: fira sans; 
            font-size: 1.1em; 
      
      
        } 





  .speedrunning_history_top h3{

    margin:0px;
    padding:0px;
    color:#ffffff;
    margin-right:15%;
    margin-left:15%;
    font-size:2.5vw;
    font-family:inconsolata;
    margin-top:1.5%;
    font-style:italic;
  }
  .text_nav_history{

  background-color: #6494aa;
  margin:0px;
  padding-top:2%;
  text-align:right;
  padding-right:5%;


}

.speedrunning_history_top h1{


  font-size:1.2vw;
  font-family:fira sans;
  color:#a5c4d1;
  font-weight:350;


}

.speedrunning_history_top b{

  color:#ffffff;

}

.text_nav_history a:link{

  color:#a5c4d1;
  text-decoration: underline;

}

.text_nav_history a:visited{

  color:#a5c4d1;
}

.text_nav_history a:hover{

  color:#ffffff;
}

/*accordian menu stuff*/


.dropdown_glossary {

  margin-right:15%;
  margin-left:15%;
  
}

.dropdown_glossary p{

  margin-right:0px;
  margin-left:0px;
}

.dropdown_glossary h2 {

  margin-right:0px;
  margin-left:0px;
  margin-top:25%;

}

.dropdown_glossary h3{

  margin-right:0px;
  margin-left:0px;
  font-weight:300;
  margin-bottom:10%;
}



.accordion {
  background-color: #6494aa;
  display:grid;
  grid-template-columns: 1fr .1fr;
  color: #ffffff;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  border-bottom:.15vw #ffffff solid;
}

.accordion.active {

  border-bottom:none;

}

.accordion p{

  font-weight:400;
  font-family:fira Sans;
  font-size:1.5vw;


}

.panel.active{

  border-bottom:.15vw #ffffff solid;
  padding-left:10%;
  padding-right:10%;
  padding-top:10%;
  padding-bottom:10%;
  background-color:#4d86a1;
  
  

}


.panel.active p{

  font-size:1.2vw;
  
  padding:0px 0px;
  font-family:fira sans;
  color:#ffffff;
  font-weight:300;
  margin-top:0px;
  


}

.glitchless a:link{

text-decoration: underline;
color:#151515;

}

.glitchless a:visited{
  color:#151515;
}

.glitchless a:hover{
  color:#a63d40;
}

.panel h1{

  color:#ffffff;
  font-size:2vw;
}


.plus {
    display: inline-block;  /* ensures it's visible */
    text-align: right;
    margin-right: 15%;
    font-size: 3.5vw;
}


.panel ol{

  
    color:#ffffff;
    font-size:1.2vw;
    font-family: fira sans;
    font-weight:300;
    margin-right:7%;
    margin-top:0px;
  

  }

.panel ol { 
      margin-left:0px;
      padding-left:10%;
            list-style: none; 
            counter-reset: num; 
             list-style-position: inside; /* Ensures the number is inside the list item */
        } 

.panel li {
  text-indent: -1.5em; /* Pulls the wrapped text to the left */
  padding-left: 1em; /* Adds space for the number or bullet */
  display: block; /* Ensures the list items are block elements */
}
  
.panel ol li { 
            counter-increment: num; 
            font-size: 1.1em; 
      
        } 
  
.panel ol li::before { 
            content: "0" counter(num) " "" "; 
            font-weight: 400; 
            color: #ffffff; 
            font-family: fira sans; 
            font-size: 1.1em; 
      
      
        } 
 
.panel h2{
  font-size:1.5vw;
  margin-top:10%;
}

.panel h2:hover{

  color:#151515;
}

b{

  font-weight:400;
}



/* Minus should be hidden by default */
.minus {
    display: none;  /* hide the minus sign by default */
    text-align: right;
    margin-right: 15%;
    font-size: 3.5vw;
}

/* When the accordion is active, hide the plus and show the minus */
.active.plus {
    display: none;  /* hide plus when active */
}

.active.minus {
    display: inline-block;  /* show minus when active */
}

.active, .accordion:hover {
  background-color: none; 
}

.panel {
  padding: 0 10%;
  display: none;
  background-color: #6494aa;
  overflow: hidden;
}

 .arrow-container {
      display: flex;
      justify-content: center;  /* Horizontally center the arrow line */
      align-items: center;      /* Vertically center */
     
      margin: 0;
       margin-top:2%;
    }

      .arrow {
      width:50%;  /* Length of the line */
      height: 0;
      max-width:500px;
      border-top:  .15vw solid #ffffff;  /* Line thickness and color */
      position: relative;
    }

    /* Arrowhead on the right side */
    .arrow::after {
      content: "";
      position: absolute;                                         
      right:-.7vw;                              
      top:-.7vw;
      border-top: .7vw solid transparent;  /* Transparent top */
      border-bottom: .7vw solid transparent; /* Transparent bottom */
      border-left: 1.2vw solid #ffffff;   /* Arrowhead pointing right */
    } 


}

@media (min-width:1920px){

  .speedrunning_history h2{

    font-size:5vw;
    text-align: center;
    font-family: Inconsolata;
    padding-top:7%;
    padding-bottom:20%;
  }

  .speedrunning_history_top{

    background-color: #6494aa;
    padding-bottom:30%;

  }

  .speedrun_def{

    display:grid;
    grid-template-columns: 1.5fr 2fr;
  margin-left:15%;
    margin-right:15%;
    margin-top:10%;
  }


  .speedrunning_history_top img{

    width:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
    padding-top:0%;

  }

  .speedrunning_history_top h2{

    font-size:1.3vw;
    text-align:left;
    padding:0px;
    margin-right:15%;
    margin-left:9%;
    margin-top:0%;
    color:#ffffff;
    margin-bottom:5%;

  }

  .speedrunning_info{
    margin-left:7%;
    margin-right:10%;
  }
  .speedrunning_history_top ol{

  
    color:#ffffff;
    font-size:.8vw;
    font-family: fira sans;
    font-weight:300;
    
  

  }

    .speedrunning_history_top ul{

  
    color:#ffffff;
    font-size:.8vw;
    font-family: fira sans;
    font-weight:300;
        line-height:1.5;
    
    
  

  }

        ol { 
            list-style: none; 
            counter-reset: num; 
             list-style-position: inside; /* Ensures the number is inside the list item */
        } 

        li {
  text-indent: -1.5em; /* Pulls the wrapped text to the left */
  padding-left: 1em; /* Adds space for the number or bullet */
  display: block; /* Ensures the list items are block elements */
}
  
        ol li { 
            counter-increment: num; 
            font-size: 1.2em; 
      
        } 
  
        ol li::before { 
            content: "0" counter(num) " "" "; 
            font-weight: bold; 
            color: #ffffff; 
            font-family: fira sans; 
            font-size: 1.2em; 
      
      
        } 





  .speedrunning_history_top h3{

    margin:0px;
    padding:0px;
    color:#ffffff;
    margin-right:15%;
    margin-left:15%;
    font-size:2.5vw;
    font-family:inconsolata;
    margin-top:1.5%;
    font-style:italic;
  }
  .text_nav_history{

  background-color: #6494aa;
  margin:0px;
  padding-top:2%;
  text-align:right;
  padding-right:5%;


}

.speedrunning_history_top h1{


  font-size:.8vw;
  font-family:fira sans;
  color:#a5c4d1;
  font-weight:350;


}

.speedrunning_history_top b{

  color:#ffffff;

}

.text_nav_history a:link{

  color:#a5c4d1;
  text-decoration: underline;

}

.text_nav_history a:visited{

  color:#a5c4d1;
}

.text_nav_history a:hover{

  color:#ffffff;
}

/*accordian menu stuff*/


.dropdown_glossary {

  margin-right:15%;
  margin-left:15%;
  
}

.dropdown_glossary p{

  margin-right:0px;
  margin-left:0px;
}

.dropdown_glossary h2 {

  margin-right:0px;
  margin-left:0px;
  margin-top:25%;

}

.dropdown_glossary h3{

  margin-right:0px;
  margin-left:0px;
  font-weight:300;
  margin-bottom:10%;
}



.accordion {
  background-color: #6494aa;
  display:grid;
  grid-template-columns: 1fr .1fr;
  color: #ffffff;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  border-bottom:.15vw #ffffff solid;
}

.accordion.active {

  border-bottom:none;

}

.accordion p{

  font-weight:400;
  font-family:fira Sans;
  font-size:1.2vw;


}

.panel.active{

  border-bottom:.15vw #ffffff solid;
  padding-left:10%;
  padding-right:10%;
  padding-top:10%;
  padding-bottom:10%;
  background-color:#4d86a1;
  
  

}


.panel.active p{

  font-size:1vw;
  
  padding:0px 0px;
  font-family:fira sans;
  color:#ffffff;
  font-weight:300;
  margin-top:0px;
  


}

.glitchless a:link{

text-decoration: underline;
color:#151515;

}

.glitchless a:visited{
  color:#151515;
}

.glitchless a:hover{
  color:#a63d40;
}

.panel h1{

  color:#ffffff;
  font-size:1.5vw;
}


.plus {
    display: inline-block;  /* ensures it's visible */
    text-align: right;
    margin-right: 15%;
    font-size: 3.5vw;
}


.panel ol{

  
    color:#ffffff;
    font-size:1vw;
    font-family: fira sans;
    font-weight:300;
    margin-right:7%;
    margin-top:0px;
  

  }

.panel ol { 
      margin-left:0px;
      padding-left:10%;
            list-style: none; 
            counter-reset: num; 
             list-style-position: inside; /* Ensures the number is inside the list item */
        } 

.panel li {
  text-indent: -1.5em; /* Pulls the wrapped text to the left */
  padding-left: 1em; /* Adds space for the number or bullet */
  display: block; /* Ensures the list items are block elements */
}
  
.panel ol li { 
            counter-increment: num; 
            font-size: 1.1em; 
      
        } 
  
.panel ol li::before { 
            content: "0" counter(num) " "" "; 
            font-weight: 400; 
            color: #ffffff; 
            font-family: fira sans; 
            font-size: 1.1em; 
      
      
        } 

.panel h2{
  font-size:1.3vw;
  margin-top:10%;
}

.panel h2:hover{

  color:#151515;
}

b{

  font-weight:400;
}



/* Minus should be hidden by default */
.minus {
    display: none;  /* hide the minus sign by default */
    text-align: right;
    margin-right: 15%;
    font-size: 3.5vw;
}

/* When the accordion is active, hide the plus and show the minus */
.active.plus {
    display: none;  /* hide plus when active */
}

.active.minus {
    display: inline-block;  /* show minus when active */
}

.active, .accordion:hover {
  background-color: none; 
}

.panel {
  padding: 0 10%;
  display: none;
  background-color: #6494aa;
  overflow: hidden;
}

 .arrow-container {
      display: flex;
      justify-content: center;  /* Horizontally center the arrow line */
      align-items: center;      /* Vertically center */
      margin: 0;
       margin-top:2%;
   margin-left:0%;
  
    }

      .arrow {
      width:50%;  /* Length of the line */
      height: 0;
      max-width:850px;
      border-top:  .15vw solid #ffffff;  /* Line thickness and color */
      position: relative;
    }

    /* Arrowhead on the right side */
    .arrow::after {
      content: "";
      position: absolute;                                         
      right:-.5vw;                              
      top:-.5vw;
      border-top: .5vw solid transparent;  /* Transparent top */
      border-bottom: .5vw solid transparent; /* Transparent bottom */
      border-left: 1.2vw solid #ffffff;   /* Arrowhead pointing right */
    } 


}