*{
  margin: 0;
  padding: 0;
}
#img-back{
    background-image: url('./1.jpg');
    width: 100%;
    height: 700px;
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover;
  opacity: 0.5;

  /* background-color: aqua; */
  
}
a:hover{
  color: rgb(133, 75, 0);
  /* background: #000; */
}
.btn1{
  background-color: rgb(189, 215, 230);
  color: rgb(0, 106, 255);
  border: none;
}
@media only screen and (max-width: 800px) {
  #up-down {
    /* background-color: lightblue; */
    position: absolute;
    top: 115%;
    right: 100%;
    justify-content: center;
    text-align: center;
  }
  .scroll{
    position: relative;
    top: 160%;

  }

}