* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
				background: linear-gradient(to left, navy, skyblue);
            height: 100vh; /* Pełna wysokość ekranu */
						
            margin: 0;
				    height: 100vh;	
            font-family: Arial, sans-serif;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px;
        }
				.cont1 {
            display: column;
            max-width: 1200px;
            width: 100%;
						
            }
        .container {
            display: flex;
            max-width: 1200px;
            
            gap: 40px;
						/*border: 3px solid brown;*/
            padding: 30px;
            
						min-height:500px;
        }
        .ebook-image {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .ebook-image img {
            max-width: 100%;
            height: auto;
						border: 2px solid #5555ff;
            border-radius: 6px;
        }
        .ebook-info {
            flex: 2;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
				.ebook-info .front{
				    font-size:14px;
						padding-top:20px;
				}
				.rej_log{
				    flex: 2;
            display: flex;
            flex-direction: row;
            justify-content: center;
						gap:20px;
				}
        .ebook-info h1{
				    
            font-size: 60px;
            text-align:center;
						color:white;
						padding-bottom:10px;
        }
				label{
				    color:white;
						font-size: 18px;
				    }
				
				input, textarea{
				    background-color:#f8f8f8;
						padding:2px;
						color:#00009b;
						font-size:16px;
						border: 0px;
						border-radius: 6px;
				}
				.form{color:#000084;
				    padding-left:50px;
						
				}
				.form a{
				    font-size:15px;
				    color:white;
						text-decoration:none;
				}
				a{
				    font-size:15px;
				    color:white;
						text-decoration:none;
				}
				.loguj{
				    font-size:20px;
				    color:white;
						text-align:center;
						text-decoration:none;
						padding-top:50px;
				
				}
				.error{
				     color:#ffff00;
						 margin-top:10px;
						 margin-bottom:10px;
				}
				.check a{
				    font-size:15px;
				    color:white;
						text-decoration:none;
				    
				}
				h2{
				    
				    color:white;
				    font-size:40px;
				    margin-top:10px;
            margin-bottom: 30px;
						text-align:center;
				}
				
				h3{
				    
				    color:white;
				    font-size:30px;
				    margin-top:30px;
            margin-bottom: 30px;
						text-align:center;
				}
				.komentarz .reg{
				    text-align:center;
						font-size:18px;
						padding-bottom:20px;
						padding-left:20px;
						padding-right:20px;
				
				}
        .ebook-info p {text-align:center;
            font-size: 20px;
            margin-bottom: 20px;
						color:white;
						padding-left:40px;
						padding-right:40px;
        }
				.isbn {color:white;
				font-size:15px;
				text-align:center;
				padding-bottom:20px;
				}
        .buy-button {
				background: linear-gradient(to right, navy, skyblue);
            color: white;
            padding: 4px;
            text-align: center;
            font-size: 1rem;
            text-decoration: none;
            border-radius: 5px;
           
						text-align:center;
						    display: inline-block;
							 flex-shrink: 0; 
        }
				.button {
				background: linear-gradient(to right, navy, skyblue);
            color: white;
            padding: 4px;
            text-align: center;
            font-size: 1rem;
            text-decoration: none;
            border-radius: 6px;
            width: 150px;
						text-align:center;
        }
				.rej_log .butt .buy-button {
    width: 160px;
    display: inline-block;
}
				.butt{
				text-align:center;
				padding-top:30px;
				}
				.rejestr{
				    margin-top:15px;
						padding:4px;
						border-radius: 5px;
				}
				.footer{font-size: 18px;
						color:white;
				    text-align:center;
				    padding-top:10px;
						padding-bottom:20px;
				}
        .buy-button:hover {
            background: linear-gradient(to right, skyblue, #0000a6);
        }
				.button:hover {
            background: linear-gradient(to right, skyblue, #0000a6);
        }
        
				.menu {
            display: flex;
            justify-content: space-between;
           
            padding: 10px;
        }
        .menu .left, .menu .right {
            display: flex;
						flex-wrap: wrap;
        }
				
        .menu a {font-size: 18px;
            color: white;
            text-decoration: none;
            padding: 10px 25px;
        }
        .menu a:hover {
            color: #9d9dff;
        }
				 
				@media (max-width: 768px) {
            .container {
                flex-direction: column;
                align-items: center;
            }
					
						
        }
				 @media (max-width: 430px) {
				 .rej_log{
				    flex: 2;
            display: flex;
            flex-direction: column;
            justify-content: center;
						gap:0px;
				}
            .menu { 
                flex-direction: column;
                align-items: center;
            }
						.bcont {
						
               display:flex;
               flex-direction: column;
							  margin: 0 auto;
               
    }
        }