ul, ul li {
	display: block;
	list-style: none;
	margin: 1;
	padding: 1;
	
}

li
{
border: 1px solid white;	
}


ul li {
	float: left;
}

ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	width: 120px;
	text-align: center;
	background-color: green;
	color: white;
	border: 1px outset green;
	padding: 1px;

}

ul a:hover {
	border-style: inset;
	padding: 1px 1px 1px 3px;
	border: 1px solid red;
}

#menu
{
	width: 100%	;

	
}





body
{
		background-size:contain;
		color: white;	
		background-attachment: fixed;
		background-size:100% 100%;
}


#menu
{
	
	border: 1px solid green;
	width: 100%	;
	margin-bottom: 5px 5px 5px 5px ;
		float: left;
}


button
{
	margin-bottom: 5px;	
	margin-left: 50%;
}

table
{	
	background-color:rgba(0,0,0,0.2);
	margin: 2 auto;	
}
td 
{ 
	border: 1px solid green;
	background-color:rgba(0,0,0,0.5);	
}
#td1
{
	border: 3px solid red;
	background-color:rgba(0,0,0,0.5);	
	
}

 input[type="number"]{
		    width: 100px; 
		    color: black; 
		    background-color: #98FB98;
		    border: 1px  darkgreen;
		    font-family: Verdana,sans-serif;
		    font-size: 1em;
		    padding: 4px;
			margin : 4px;
		    text-align: center; 
			}

#glowny
{
	width: 80%;
	margin: 1 auto;	
}


#pierwszy
{	
	background-color:rgba(0,0,0,0.7);
	border: 1px solid green;
	width: 100%	;
	margin-bottom: 5px;	
}
#drugi
{
	background-color:rgba(0,0,0,0.7);	
	border: 1px solid green;
	width: 100%		
}

#formularz
{
	width:250 px;		
}


   .dymek {
            padding: 20px;
            background: #f00;
            border-radius: 10px;
            position: relative;
            display: inline-block;
            /* Dodaj tutaj inne style, jeśli chcesz */
        }

        .dymek:after {
            /* Styl trójkąta */
            content: '';
            position: absolute;
            left: 20px;
            bottom: -5px;
            width: 10px;
            height: 10px;
            display: block;
            transform: rotate(45deg);
            background: inherit;
        }