@import url('https://fonts.googleapis.com/css2?family=Mountains+of+Christmas&family=Roboto:wght@300;500&display=swap');

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

body{
  background-color: whitesmoke;
  /* background-color: black; */
  /* height: 100vh; */
  margin: 0;
  overflow-x: hidden;
}



body::-webkit-scrollbar {
    
  width: 10px;

}


body::-webkit-scrollbar-track {

  background-image:linear-gradient(darkgrey, #a9a9a933); /* color of the tracking area */

}


body::-webkit-scrollbar-thumb {

  background-color: grey; 
  border-radius: 30px; 
  border: 3px solid lightgrey; 

}


#scroll_to_top {

  position: fixed;
  width: 25px;
  height: 25px;
  bottom: 30px;
  right: 20px;
  z-index: 2;

}


#scroll_to_top img {

  width: 25px;

}


@media screen and (min-height:110vh) {
	#scroll_to_top{
		background-color: black;
	}
 }


/* SCROLL CANVA */
div::-webkit-scrollbar {
  display: none;
}


progress {
  width: 100%;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #5a5959;
  background-color: #f3f3f3;
	/* 
  position: absolute; 
  left: 2%;
  right: 2%;
  bottom: 2%;
  */

  justify-content: center;
}
progress::-webkit-progress-value {
  background-color: #2bdee4bb;
  border-radius: 5px;
}

progress::-moz-progress-bar {
  background-color: #2bc930;
  border-radius: 50%;
}