html {
  scroll-behavior: smooth;
}

code {
  background-color: #eee;
  border-radius: 0px;
  font-family: courier, monospace;
  padding: 0px;
}


body {
  /*background-color: #33ccff;*/
  font-family: Arial;
  font-size: 22px;
  /*user-select: none;*/
  margin: 0px;
  background-image: url(assets/back.png);
  background-attachment: fixed;
}


#container
	{
		width: auto;
    
  }

#logo
	{
		/*background-color: rgb(0, 0, 0);*/
		color: rgb(0, 0, 0);
		text-align: center;
		padding: 10px;
    background: linear-gradient(to bottom left, #000000 0%, #00ff2a 100%);
    font-size: 50px;
    width: auto;
  }
#nav
	{
    background: rgb(255, 255, 255);
		padding: 10px;
    text-align: center;
    clear: both;
    width: auto;
    font-size: 20px;
    border: 1px solid black;
    opacity: 100%;

    }
a:link, a:visited {
  color: black;
  text-decoration: none;
}
#m
  {
    margin-left: 50px;
    margin-right: 50px;
    background-color: white;
    margin-top: 50px;
    margin-bottom: 50px;
    opacity: 99%;
    border-radius: 30px;
    border: 5px solid lightblue;
    text-align: center;
  }

#R0
  {
    width: auto;
    background:rgb(201, 201, 201);
		padding: 50px;
    text-align: center;
    clear: both;
    font-size: 15px;
  }


#koniec
  {
    width: auto;
    background:rgb(0, 0, 0);
		padding: 10px;
    text-align: center;
    clear: both;
    font-size: 15px;
  }
#odp
  {
    width: auto;
    background:rgb(255, 0, 0);
		padding: 10px;
    text-align: center;
    clear: both;
    font-size: 15px;
  }