@import "https://fonts.googleapis.com/css2?family=Lobster&display=swap";
 body{

  color: rgb(188, 188, 60);

background-image: url("bereza.png");

background-size: no-repeat;

background-position: center;

background-size: cover;

height: 1500px;

width: 1500px;
      }

.base1{
  text-align: center;
font-family: "Lobster", sans-serif;
}
.base2{
  text-align: center;
  font-size: 34px;
font-family: "Lobster", sans-serif;
}

.base3{
  text-align: center;
  font-size: 16px;
font-family: "Lobster", sans-serif;
}



}
.base4{
  text-align: right;

  font-size: 34px;
font-family: "Lobster", sans-serif;
}
.base5{


  font-size: 34px;
font-family: "Lobster", sans-serif;
}
#base0{
    font-family: "Lobster", sans-serif;
    font-size: 34px;



}
.button-style {
  display: inline-block;
  padding: 10px 15px;
  background: rgb(68, 117, 44) ;
  border: 1px solid #000; /* В ожидании набирающего популярность темного режима, рамка черного цвета */
  color: #44752c;
  text-decoration: none;
  text-align: center;
    text-align: center;
      font-size: 34px;
font-family: "Lobster", sans-serif;
  color: rgb(188, 188, 60);
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}


body {
  min-height: 2000px;
}

.btn-up {
  position: fixed;
  background-color:rgb(68, 117, 44) ;
  right: 20px;
  bottom: 20px;
  border-radius: 22px;
  cursor: pointer;
  width: 44px;
  height: 44px;
}

.btn-up::before {
  content: "";
  text-align: center;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 12px;
  top: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17V4M3 10l7-7 7 7'/%3E%3C/g%3E%3C/svg%3E");
}

  .btn-up_hide {
    display: none;
  }

  @media (hover: hover) and (pointer: fine) {
    .btn-up:hover {
      background-color:  rgb(188, 188, 60);
    }
  }