html{
  background-color: #2f3136;
    color: white;
  font-family: sans-serif;
  font-weight: 900;
   
  justify-content: center;
  align-items: center;

 
}
body{
display:flex;
    justify-content: center;
  align-items: center;
}
#tlo{
  position:fixed;
    right: 0;
  bottom: 0;

width:100%;
  margin:0;
  }
#wszystko{
    
   align-items: center;
  overflow:auto;
    backdrop-filter: blur(10px);
padding:10%;
width:50%;


  justify-content: center;
  align-items: center;
  }
img{
  width: 30px;
  height:auto;
  margin-left: 20px
   }
h3{
  text-align:center;
  }
h1{
  font-size: 70px;
  font-weight: 900;
  text-align:center;

  }


.onesignal-customlink-container
{
  margin:0px;
  }

button{
  background-color: blue;
  border: none;

   align-items:center;
 color:white;
  font-size: 30px;
  font-weight: 900;
  border-radius: 50px;
  padding: 20px;

  
  }
button:hover{
    cursor: pointer;
  }
#przycisk{
  display:flex;
  justify-content: center;
   align-items: center;
  }
#ramka{
  background-color: RGBA(0,0,0,0.7);
  backdrop-filter: blur(10px);
  padding: 10px;
  border-radius: 20px;
  
  justify-content: center;
  }
#ramki{
  display: flex;
  justify-content: center;
  }
#przyklad{
  height: 250px;
  width:auto;
  }
#powrot{
  float:left;
  position: fixed;
  left: 30px;
  top:30px;
  color:white;
  background-color: RGBA(0, 0, 0, 0.3);
  border-radius: 15px;
  text-decoration: none;
  padding: 10px;
  font-size: 30px;
  border: 2px solid white;
  }