body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-image: url('shampoo.jpg'); /* Replace 'background.jpg' with the path to your image */
    background-size: 100% 100%;
    background-position: center;
    background-attachment: fixed;
    min-height:100vh;
}
header {
    background-color: #333;
    color: #fff;
    padding: 20px;
    text-align: center;
    
}
nav {
    background-color: #444;
    padding: 10px;
    text-align: center;
}
nav a {
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
}
nav a:hover {
    background-color: #666;
}
.content {
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.8); /* Optional: Add a semi-transparent white background to content */
}

.text{
     text-align: center;
     margin-top: 25%;
     color: beige;
     font-size: 30px;}

.columnone{
    text-align: center;
    color: beige;
    
}
.columntwo{
     text-align: center;
     color: beige;    
}
.columnthree{
    text-align: center;
    color: beige; 
}
.bottom{ 
    text-align: center;
    color: beige;
    font-size: 30px;
}