@font-face {
  font-family: customFont;
  src: url(BebasNeue-Regular.woff);
}
body {
  background-color:#101010		;
  color:white;
  font-family:customFont;
}
a:link {
  color:white;
  text-decoration: none;
}
a:visited {
    color:white;
  text-decoration: none;
}
a:active {
    color:white;
  text-decoration: none;
}
.a{
  text-align: center;
  padding-left: 50px;
}
.v{
  padding-left: 50px;
  transition: text-decoration-color 400ms;
  font-size:65px;
}
.v:hover{
  font-size: 85px;
  text-decoration:underline red;
  text-decoration-style: center;
  text-underline-offset: 0.2em;
}


.bottom {
  height:50%;
  width:100%;
}
.collection{
  text-align:center;
}
h1{
  font-size: 65px;
}
p {
  font-size: 22px;
  text-align: center;
}




/* Vertical Scrolling Bar */
.progress{
    position: relative;
    width: 10px;
    height: 1110px;
    border: 10px solid #f4a261;
    border-radius: 15px;
}
.progress .color{
    position: absolute;
    background-color: #ffffff;
    width: 0px;
    height: 10px;
    border-radius: 15px;
    animation: progres 1s infinite;
}
@keyframes progres{
    0%{
      height: 0%;
    }
    25%{
        height: 50%;
    }
    50%{
        height: 75%;
    }
    75%{
        height: 85%;
    }
    100%{
        height: 100%;
    }
};