@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital@1&display=swap');

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

body {
background: #000000;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #000000, #000000);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #434343, #000000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    display: flex;
	justify-content: center;
	 font-family: "ubuntu";
}
.height{
	padding-top: 120px;
}
.wrapper{
	 height: 60vh;
	 width: 60vh;
	 background-image: url("tla/2.png");
	  border-radius: 80px;
	  border: 1px solid #ddd;
	  border-bottom: 2px solid yellow;
	  
}
.h1, h2, h3, h4, h5, h6 {
	color: yellow;   
}


p {
	color: yellow;
	 font-size: 20px;
}

.nav{  
 	  width: 100%;
	 display: inline-flex;
	 float: left; 
	 color: yellow;
	 gap:25px;
	 padding-left:50px;
}
#lia {
	padding-left: 50px;
	font-size: 150%;
}
 
#kotek {
	     border: 3px solid #ddd;
		border-radius: 50% / 50%;
		height: 150px;
		width: 150px;
 }
#under-cat {
	padding-top:10px;
	padding-bottom:10px;
	width:250%;
	border-bottom: 1px solid yellow;
}
 main {
	 width: 100%;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 color: yellow;
 }
  *.main {  /* wszystko w klasie main zaznacz */
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 margin: 3px;
 }
 #and {
	 font-size: 80%;
 }
 #dev {
	 border-bottom: 1px solid yellow;
	 width:250%;
 }
 
 footer {
	  width: 100%;
	 display: inline-flex;
	 justify-content: center; 
	 color: yellow;
	 gap: 30px;
}
#foot {
	  margin-top:0px;
 }