*{
    box-sizing:border-box;
}

#cakes-background{

	background-color: rgba(161, 189, 46, 0.2);
    font-family:  sans-serif;
    
     }

#background{
    background-image:url(balloons.jpg);
    height:auto;
    width: auto;
    background-position: right;
    background-repeat:no-repeat;
    overflow:hidden;
    
 
   
}


.heading{
    font-size: 1.3em;
    color: #c900ae;
    text-align: center;
    padding-top:40px;
   
    
}

.sub-heading{
    font-size: 2.5em;
    color:#c900ae;
    text-align: center;
    padding-top: 15px;
    font-family: serif;
    text-shadow: 1px 1px white;
    padding-bottom:40px;
    
}
.flex-container1{
    height:125px;
    display:flex;
    flex-direction: row;
    justify-content:center;
    align-items: center;
   }
.flexbox{
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#scoops{
    mix-blend-mode: multiply;
}

header{
	background-color: #ffffff; 
    color: #a1bd2e;
    font-size:23px;
    flex-wrap: wrap;
	height: auto;
    text-align: center;
    margin-top: auto;
    margin-bottom:auto;
}


nav{
	font-family:sans-serif;
	font-weight: normal;
    font-size: 25px;
    text-shadow: 2px 2px black;
    background-color: #c900ae;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    height: 65px;
    width: 100%;
    padding-top: 1em;
}

nav a {
    color: white;
    text-decoration: none; }

h1{
	font-family: Inter-thin, sans-serif;
    margin-top: 0px;
    font-size: small;
    letter-spacing: .25em;
}

#wrapper
	{
    margin: auto;
    width:100%;
    background-color:white;
    min-width: 960px;
    max-width: 2048px;
    padding: 10px;
   
}


.flex-container {
    font-size:medium;
    text-shadow: 1px 1px black;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    background-color:#c900ae;
    color: #ffffff;
    height:180px;
    padding-top: 15px;
    padding-bottom: 20px;
}


.flavors-cakes {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px; 
            padding: 20px;
         border-color: orange;
            border-width: thin;
             }
        
.image-container {
        
            display: flex;
            justify-content: center;
            align-items: center;
            width: 240px; 
            height: 240px;
            overflow:inherit;
        border-color: orange;
            border-width: thin;
        }
        
.image-container  img {
            width: 200px; 
            height: 200px;
            display:flex;
   
           border-color:orange;
    transform:scale(1.2, 1.2);
}

  
.image-description-row {
    display: flex;
    justify-content: space-between; 
    gap: 20px; 
    margin-top: 20px; 
   
}

.image-description-item {
    display: flex;
    flex-direction: column;  
    align-items: center;     
    width: 25%;              
}


.image-container2 img {
    width: 100%;  
    height: auto; 
    border-color: orange;
    border-width:thin;
    
}


.image-description-item p {
    text-align: left; 
    margin-top: 10px;    
    font-size: 15px; 
    font-weight:thin;
    line-height: 1.5;    
    font-family:inter;
    padding-top:0px;
}

h3{
    font-family:inter;
    font-weight: 500;
    font-size:20px;
    padding:0px;
    
}


.testimonials {
    max-width: 300px; 
   
    color: #c900ae;
    line-height: 1.3;
    font-size: 1.3em;
     padding-left: 40px;
    padding-right: 40px;
    
    text-align: left;
}

.flexboxgreen{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    background-color: rgba(161, 189, 46, 0.5);
    color:#ffffff;
    height:160px; 
    width:100%;
    padding-bottom:20px;
    height:30%;
    gap:30px;
    margin: 0;
    padding: 20px 0;
    margin-top:auto;
}

footer{
    height: auto;
    width:auto;
}

#button{
    text-shadow:none;
    background-color:#a1bd2e;
    color:white;
    text-align: center;
    
    width:120px;
    padding-top:6px;
    padding-bottom:6px;
}

.party-time{
     color: #c900ae;
    padding-top:80px;
    padding-left:430px;
    font-size: 1.5em;
    font-family:sans-serif;
    position:relative;
    
}
.parties{
     color: #c900ae;
    padding-right:650px;
    font-size: 2.5em;
    font-family: serif;
    text-align:right;
    font-weight: bold;
    line-height: 1.2;
    position:relative;
}

.image-container3 img{
    height: 200px;
    width:  500px;
    margin-top: -180px;
 margin-left:600px;
    position:absolute;
    
}
     
.birthday-cake{
   padding-top:45px;
    padding-left: 250px;
    overflow: hidden;
    height:260px;
    width:550px;
    transform:scale(1.4 1.4);
}

.party-text{
   text-align: left;
    width:400px;
    height:500px;
    margin-left:600px;
    margin-top: -220px;
    line-height: 1.5;
    font-weight: thin;
}
.party-pictures{
    display: flex;
    flex-direction: row;
    justify-content:center;
    width:700px;
    height:500px;
    gap:30px;
    padding-left:550px;
    margin-top:-200px;
}
footer{
    background-color: #c900ae;
    height: 200px;
    width:auto;
    margin-top:-220px;
}
.locations{
    display: flex;
    flex-direction: row;
            justify-content: space-evenly;
            align-items: center;
            gap: 60px;
            
        background-color: #c900ae;
        height:250px;
    padding-bottom: 20px;
         
}
  
.locations p{
text-align: center; 
    flex direction:column;
    margin-top: -20px;    
     
    font-weight:100;
     
    font-family:sans-serif;
    
}
    
.places{
    display:flex;
    flex-direction:column;
    align-items:center;
   
}

h4{
    color: cornsilk;
    font-family: sans-serif;
    font-size: 1.8em;
    font-weight:100;
    
    
}

.places p{
    color:orange;
    font-size:20px;
    font-family:sans-serif;
    font-weight:100;
}

.white-nav{
    height:50px;
    background-color:white;
   padding-left:10px;
    padding-top:18px;
}
 

.text{
    background-color: #c900ae;
    color: plum;
    font-size: 1.5em;
    font-family: sans-serif;
    text-align:center;
    padding:20px;
    
}
.numbers{
    text-align:center;
    color:white;
    background-color:#c900ae;
    font-size: 1.5em;
    font-family: sans-serif;
}