.logo {
    width: 4%;
    height: 7%;
    position: fixed;
    z-index: 2024;
  }
  .menu {
    z-index: 2024;
    width: 100%;
    height: 10vh;
    z-index: 2024;
  
  }
  
  .MENU-DEK{
    text-decoration: none;
    color: black;
  }
  .menu-sf {
    position: fixed;
    right: 0;
    width: 20%;
    height: 20%;
    z-index: 2024;
  }
  
  .menu-starter {
    width: 60px;
    height: 60px;
    position: fixed;
    right: 2%;
    cursor: pointer;
    transition: 1s;
    border-radius: 23px ;
    z-index: 2024;
    
  }
  
  .menu-starter:hover {
    
    color: #006331;
    box-shadow: 0 0 23px white;
    border-radius: 23px;
    z-index: 2024;
    
  }

  .MENU-DEK:focus{
    opacity: 0;
  }
  
  
  .menu-sf li {
    list-style: none;
    text-decoration: none;
    display: none;
    margin: 5px;
    z-index: 2024;
  }
  
  .menu-sf a:focus + li,
  .menu-sf a + li:hover {
  
    display: block;
  }
  
  .menu-button1 {
    position: fixed;
    background: #00a050;
    top: 80px;
    right: 3%;
    width: 10%;
    height: 6%;
    border-radius: 23px;
    cursor: pointer;
    z-index: 2024;
    transition: 1s;
    
    
  }
  .menu-button1:hover {
  
    background: #006331;
    box-shadow: 0 0 23px #00a050;
    color: gray;
  
   
  }
  .menu-button1-text {
  
    font-size: 130%;
    align-items: center;
    position: fixed;
    top: 25%;
    right: 15%;
    z-index: 2024;
    text-decoration: none;
    color: black;
    transition: 1s;
  }
  .menu-button1-text:hover {
    color: white;
  }
  
  
  .menu-button2 {
    position: fixed;
    background: #00a050;
    top: 140px;
    right: 3%;
    width: 13%;
    height: 6%;
    border-radius: 23px;
    cursor: pointer;
    z-index: 2024;
    transition: 1s;
    color: black;
    
    
  }
  
  .menu-button2:hover {
    background: #006331;
    box-shadow: 0 0 23px #00a050;
  }
  
  .menu-button2-text {
  
    font-size: 130%;
    align-items: center;
    position: fixed;
    top: 25%;
    right: 15%;
    z-index: 2024;
    transition: 1s;
  }
  
  .menu-button2-text:hover {
    color: white;
  }



  button {

    padding: 1em 2em;
    background: #cacaca;
    border: none;
    color: black;
    border-radius: 1000px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    
  }

  button::after{
    content: '';
    position: absolute;
    height: 109%;
    width: 104%;
    border-radius: 1000px;
    background-image: linear-gradient(to bottom right, #00ff6a, #006408);
    z-index: -1;
    
    

  }

  /*button::after{ to bedzie do zmiany
    content: '';
    position: absolute;
    height: 109%;
    width: 104%;
    border-radius: 1000px;
    background-image: linear-gradient(to bottom right, #ff5100, #640000);
    z-index: -1;
    
    

  }*/

  button:hover{
    z-index: 0;
    box-shadow: 40px 0 100px #00ff6a7c, -40px 0 100px #0072198c;
    color: white;
  }

  .menu-obo {

    position: relative;
    margin: 10px;
    left: 30%;
    justify-items: left;
  }

  .line-bt {

  text-decoration: none;
  
  }

  .menu-divselector {

    width: 50%;
    position: absolute;
    top: 30%;
    right: 40%;
    display: none;
    
  }

  .title-menu {

    font-size: 40px;
    background: -webkit-linear-gradient(#5cffa0, #004e11);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: -10%;
    left: 50%;
    
    
  }

  /*.title-menu { to bedzie do zmiany

    font-size: 40px;
    background: -webkit-linear-gradient(#48ff00, #005713);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: -10%;
    left: 50%;
    
    
  }*/