body {
    background-image: url("https://media.istockphoto.com/id/917606744/photo/candy-background.jpg?b=1&s=170667a&w=0&k=20&c=EzbVgEwMTGUkMfaFfJPQdXG4SE8Z6rDqwU0bYqBxalw=");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
#homepage-containter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 18%;
    background-image: url("https://static.vecteezy.com/system/resources/previews/005/410/169/non_2x/colorful-sweet-candy-balls-on-blue-pastel-background-trendy-color-for-background-with-copy-space-free-photo.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    box-shadow: 20px 20px 50px grey;
    border-top: 4px solid rgb(70, 133, 252);
    border-left: 4px solid rgb(70, 133, 252);
    border-bottom: 4px solid rgb(112, 200, 252);
    border-right: 4px solid rgb(112, 200, 252);
    padding-left: 35%;
    
}
#homepage-text {
    font-family: cursive;
    font-style: oblique;
    font-size: 48px;
    color: rgb(70, 133, 252);
    padding-left: 35px;
    font-weight: bold;
    
}
#homepage-text2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-decoration: underline;
    color: rgb(71, 71, 71);
}
#navbar {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    background-image: url("https://static.vecteezy.com/system/resources/previews/003/590/927/original/3d-studio-room-abstract-vertical-lines-striped-candy-blue-perspective-floor-and-background-vector.jpg");
    border-top: 4px solid rgb(70, 133, 252);
    border-left: 4px solid rgb(70, 133, 252);
    border-bottom: 4px solid rgb(112, 200, 252);
    border-right: 4px solid rgb(112, 200, 252);
    column-count: 5;
    column-gap: 30px;
    margin-top: 30px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 20px 20px 30px rgb(68, 67, 67);
}
#navbar-text {
    font-size: 32px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 1000;
}
#navbar-text:visited {
    color: rgb(158, 47, 158);
}
#navbar-text:hover {
    background-color: rgba(173, 216, 230, 0.5);
}
#navbar-text:active {
    color: rgb(82, 144, 194);
}

#login-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 200px;
    margin-left: 50px;
    margin-right: 50px;
    background-image: url("https://static.vecteezy.com/system/resources/previews/003/590/927/original/3d-studio-room-abstract-vertical-lines-striped-candy-blue-perspective-floor-and-background-vector.jpg");
    border-top: 4px solid rgb(70, 133, 252);
    border-left: 4px solid rgb(70, 133, 252);
    border-bottom: 4px solid rgb(112, 200, 252);
    border-right: 4px solid rgb(112, 200, 252);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
#login {
    display: flex;
    box-shadow: 10px 10px 30px rgb(68, 67, 67);
    padding-left: 60px;
    padding-right: 60px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 1000;
    color: rgb(74, 74, 197);
}
#login2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 10px 10px 30px rgb(68, 67, 67);
    padding-left: 20px;
    padding-right: 20px;
    padding: 20px;
}
#login-text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Courier New', Courier, monospace;
    font-size: 18px;
    
    

}
#login-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    background-color: rgb(112, 200, 252); 
    font-family: 'Courier New', Courier, monospace;
    font-weight: 1000;

}
#register-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 200px;
    margin-left: 50px;
    margin-right: 50px;
    background-image: url("https://static.vecteezy.com/system/resources/previews/003/590/927/original/3d-studio-room-abstract-vertical-lines-striped-candy-blue-perspective-floor-and-background-vector.jpg");
    border-top: 4px solid rgb(70, 133, 252);
    border-left: 4px solid rgb(70, 133, 252);
    border-bottom: 4px solid rgb(112, 200, 252);
    border-right: 4px solid rgb(112, 200, 252);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
#register {
    display: flex;
    box-shadow: 10px 10px 30px rgb(68, 67, 67);
    padding-left: 60px;
    padding-right: 60px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 1000;
    color: rgb(74, 74, 197);
}
#register2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 10px 10px 30px rgb(68, 67, 67);
    padding-left: 20px;
    padding-right: 20px;
    padding: 20px;
    margin-bottom: 20px;
}
#register-text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Courier New', Courier, monospace;
    font-size: 18px;
    
}
#register-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    background-color: rgb(112, 200, 252); 
    font-family: 'Courier New', Courier, monospace;
    font-weight: 1000;
}
#bakery-container {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    border: 2px solid black;
    column-count: 3;
    margin-top: 5%;
    background-image: url("https://i.pinimg.com/originals/85/4a/11/854a111cddd9b50ce8fdeaaf572ca5c5.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    opacity: 5;

}
#bakery-name {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-right: 10%;
    width: 250px;
    height: 250px;
    font-family: cursive;
    font-style: oblique;
    font-weight: 900;
    border-radius: 20%;
    opacity: 1.2;
    font-size: 38px;
    color: rgb(36, 9, 9);
}
#bakery-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 6px solid rgb(36, 9, 9);
    box-shadow: 20px 20px 50px rgb(66, 66, 66);
}
#bakery-button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 30%;
    padding: 5px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 900;
    background-color: white;
    border-radius: 30%;
}
#bakery-detail-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-image: url("https://cdn.suwalls.com/wallpapers/abstract/vertical-brown-stripes-26833-2560x1600.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 5%;
    border-radius: 13%;
    box-shadow: 40px 40px 50px rgb(31, 30, 30);
}
#bakery-details {
    display: flex;
    justify-content: center;
    font-size: 24px;
    box-shadow: 30px 30px 50px rgb(8, 8, 8);
    font-family: 'Courier New', Courier, monospace;
    font-weight: 900;
    color: white;
    padding-left: 5%;
    padding-right: 5%;
    align-items: center;
    text-align: center;
}
#candy-container {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    border: 2px solid black;
    column-count: 3;
    margin-top: 5%;
    background-image: url("https://img.freepik.com/premium-photo/colorful-lollipops-different-colored-round-candy-white-background_106006-436.jpg?w=2000");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    opacity: 5;
}
#candy-name {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-left: 10%;
    width: 250px;
    height: 250px;
    font-family: cursive;
    font-style: oblique;
    font-weight: 900;
    border-radius: 20%;
    opacity: 1.2;
    font-size: 38px;
    color: rgb(70, 133, 252);
}
#candy-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 10px solid rgb(36, 9, 9);
    box-shadow: 20px 20px 50px rgb(66, 66, 66);
    border-image: url("https://www.shutterstock.com/image-photo/colorful-frame-multicolored-candy-dragees-260nw-1033459645.jpg");
}
#candy-button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 30%;
    padding: 5px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 900;
    background-color: rgb(63, 184, 221);
    border-radius: 30%;
}
#candy-detail-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-image: url("https://media.istockphoto.com/id/1344201448/photo/3d-rendering-illustration-for-empty-table-blank-backdrop-banner-stand-on-pastel-color-line.jpg?b=1&s=170667a&w=0&k=20&c=VUjSTtzotoh4lSMibwFPl2SEFdwEtieSafN7PzQ19P4=");
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 5%;
    border-radius: 13%;
    box-shadow: 40px 40px 50px rgb(31, 30, 30);
}
#candy-detail {
    display: flex;
    justify-content: center;
    font-size: 24px;
    box-shadow: 30px 30px 50px rgb(8, 8, 8);
    font-family: 'Courier New', Courier, monospace;
    font-weight: 900;
    color: rgb(41, 74, 136);
    padding-left: 5%;
    padding-right: 5%;
    align-items: center;
    text-align: center;
}
#profile-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 200px;
    margin-left: 50px;
    margin-right: 50px;
    padding: 30px;
    background-image: url("https://static.vecteezy.com/system/resources/previews/003/590/927/original/3d-studio-room-abstract-vertical-lines-striped-candy-blue-perspective-floor-and-background-vector.jpg");
    border-top: 4px solid rgb(70, 133, 252);
    border-left: 4px solid rgb(70, 133, 252);
    border-bottom: 4px solid rgb(112, 200, 252);
    border-right: 4px solid rgb(112, 200, 252);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
#profile-text{
    display: flex;
    box-shadow: 10px 10px 30px rgb(68, 67, 67);
    padding-left: 60px;
    padding-right: 60px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 1000;
    font-size: 28px;
    color: rgb(74, 74, 197);
}

#profile-text2 {
    display: flex;
    box-shadow: 10px 10px 30px rgb(68, 67, 67);
    padding-left: 60px;
    padding-right: 60px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 1000;
    color: rgb(74, 74, 197);
}
#candy-detail-image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-bottom: 5px;
}
#bakery-detail-image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-bottom: 5px;
}
#cartitems-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 200px;
    margin-left: 50px;
    margin-right: 50px;
    background-image: url("https://static.vecteezy.com/system/resources/previews/003/590/927/original/3d-studio-room-abstract-vertical-lines-striped-candy-blue-perspective-floor-and-background-vector.jpg");
    border-top: 4px solid rgb(70, 133, 252);
    border-left: 4px solid rgb(70, 133, 252);
    border-bottom: 4px solid rgb(112, 200, 252);
    border-right: 4px solid rgb(112, 200, 252);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
#cart-items-list {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    /* box-shadow: 10px 10px 30px rgb(68, 67, 67); */
    padding-left: 60px;
    padding-right: 60px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 1000;
    color: rgb(74, 74, 197);
    font-size: 28px;
    border-bottom: 2px solid rgb(74, 74, 197);
}
#cart-items {
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-shadow: 10px 10px 10px rgb(68, 67, 67);
    padding-left: 60px;
    padding-right: 60px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 1000;
    color: rgb(74, 74, 197);
    border-bottom: 2px solid rgb(74, 74, 197);
}
#cart-items2 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-shadow: 10px 10px 10px rgb(68, 67, 67);
    padding-left: 60px;
    padding-right: 60px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 1000;
    font-size: 28px;
    color: rgb(74, 74, 197);
    margin-top: 20px;
    margin-bottom: 30px;
}
#cart-items-remove{
    background-color: rgb(184, 64, 64);
    border-radius: 45%;
    padding: 5px;
    margin-bottom: 5%;
    border-color: rgb(184, 64, 64);
    box-shadow: 10px 10px 10px rgb(68, 67, 67);
}
#cart-image {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-bottom: 5px;
    align-items: center;
    box-shadow: 10px 10px 10px rgb(68, 67, 67);
    border-color: rgb(74, 74, 197);
}
#cart-icon {
height: 40px;
width: 40px;
border: 2px solid rgb(74, 74, 197);
border-radius: 50%;
box-shadow: 10px 10px 10px rgb(68, 67, 67);
}
#logout {
    background-color: rgb(184, 64, 64);
    border-radius: 45%;
    padding: 5px;
    margin-bottom: 5%;
    border-color: rgb(184, 64, 64);
    box-shadow: 10px 10px 10px rgb(68, 67, 67);
}
#title {
    color: rgb(74, 74, 197);
    font-size: 48px;
    border-top: 4px solid rgb(70, 133, 252);
    border-left: 4px solid rgb(70, 133, 252);
    border-bottom: 4px solid rgb(112, 200, 252);
    border-right: 4px solid rgb(112, 200, 252);
}
#checkout-button {
    background-color: rgb(70, 133, 252);
    border-radius: 45%;
    padding: 20px;
    margin-bottom: 5%;
    border-color: rgb(70, 133, 252);
    box-shadow: 10px 10px 10px rgb(68, 67, 67);
}
#checkout-form-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 200px;
    margin-left: 50px;
    margin-right: 50px;
    background-image: url("https://static.vecteezy.com/system/resources/previews/003/590/927/original/3d-studio-room-abstract-vertical-lines-striped-candy-blue-perspective-floor-and-background-vector.jpg");
    border-top: 4px solid rgb(70, 133, 252);
    border-left: 4px solid rgb(70, 133, 252);
    border-bottom: 4px solid rgb(112, 200, 252);
    border-right: 4px solid rgb(112, 200, 252);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
#checkout-form{
    display: flex;
    flex-direction: column;
    box-shadow: 10px 10px 30px rgb(68, 67, 67);
    padding-left: 60px;
    padding-right: 60px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 1000;
    color: rgb(74, 74, 197);
}
#checkout {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Courier New', Courier, monospace;
    font-size: 18px;
}