html {  
  scroll-behavior: smooth;
  -webkit-scroll-behavior: smooth;
}
a {
  color:white;
  text-decoration:none;
}
.positioned {
  position:absolute;
  left:50%;
  color:white;
  font-size:3em;
  font-family:'Montserrat', sans-serif;text-align:center;
}
.positioned i {font-size:2em;}
#centered {top:10%;transform:translate(-50%, 0)}
#bottom {transform:translate(-50%, -100%)}
/* Progress bar style */
.progress {
  background: linear-gradient(to right,rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50vw, rgba(252,176,69,1) 100vw); 
  /* pre-set background gradient */
  background-repeat: no-repeat;
  position: fixed;
  width: var(--scroll); /* Variable width based on scroll position */
  top:0;
  left:0;
  height: 4px;
  z-index: 1;
}
/* General styling */
body p {display:block;clear:both;height:30px}
body {background-color: #3a3f45}