40″ Giant Foil Number Self Inflating Balloons Birthday Age Party Wedding Decor

*{
margin: 0;
padding: 0;
text-decoration: none;
list-style: none;
}
::-webkit-scrollbar{
display: none;
}
body{
overflow-x: hidden;
margin: 0;
padding: 0;
background: #fff;
font-family: Arial;
background: url(https://i.postimg.cc/RCdpjzgp/Etsy-Item-Listing-Photo-3.gif);
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-user-select: none;
}
.imge{
height: 200px;
width: 200px;
margin-bottom: 20px;
text-align: center;
}
.imge2{
text-align: center;
}
.navbar ul{
list-style: none;
background: #a2a595;
padding: 0;
margin: 0;
text-align: center;
}
.navbar li{
display: inline-block;
}
.navbar a{
text-decoration: none;
color: #f6ead4;
width: 150px;
display: block;
padding: 25px 20px;
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
transition: all .5s ease 0s;
}
.navbar a:hover{
background: #f6ead4;
color: #a2a595;
cursor: pointer;
border-radius: 40px;
}
.fullpic{
width: 100%;
margin-top: 50px;
margin-bottom: 50px;
}
.imge3{
width: 100%;
display: block;
margin: auto;
}
.sidebar{
left: 0;
width: 250px;
height: 400px;
background: #f6ead4;
}
.sidebar header{
font-size: 22px;
color: #f6ead4;
text-align: center;
line-height: 70px;
background: #a2a595;
user-select: none;
transition: 1s;
}
.sidebar header:hover{
font-size: 32px;
cursor: pointer;
}
.sidebar .ul2 .a2{
width: 100%;
height: 100%;
line-height: 65px;
font-size: 20px;
color: #a2a595;
padding-left: 40px;
padding-right: 10px;
box-sizing: border-box;
border-top: 1px solid rgba(255,255,255,.8);
border-bottom: 1px solid rgba(0,0,0,.4);
transition: all .5s ease 0s;
}
.ul2 .li2:hover .a2{
padding-left: 70px;
cursor: pointer;
background: #a2a595;
color: #f6ead4;
transition: all .5s ease 0s;
}
.head2{
width: 100%;
height: 70px;
font-size: 22px;
color: #f6ead4;
text-align: center;
line-height: 70px;
background: #a2a595;
user-select: none;
margin-left: 5%;
}
.container{
max-width: 100%;
display: grid;
grid-template-columns: 20% 80%;
/*grid-template-columns: 1fr 4fr;*/
margin: auto;
}
.head2img{
width: 90%;
height: 330px;
border: 4px solid black;
box-shadow: 0 30px 40px rgba(0,0,0,.7);
transition: .5s;
object-fit: center
pointer-events: none;
-webkit-touch-callout: none;
/*border: 4px solid transparent;
border-image: linear-gradient(45deg, #ff0, #f0f, #f00, #00f, #0f0);
border-image-slice: 1;
box-shadow: 0 15px 25px rgba(0,0,0,.2);
animation: animate 1s linear infinite;
transition: .3s;*/
}
@keyframes animate{
0%{border-image: linear-gradient(45deg, #0f0, #ff0, #f0f, #f00, #00f);
border-image-slice: 1;}
20%{border-image: linear-gradient(45deg, #00f, #0f0, #ff0, #f0f, #f00);
border-image-slice: 1;}
40%{border-image: linear-gradient(45deg, #f00, #00f, #0f0, #ff0, #f0f);
border-image-slice: 1;}
60%{border-image: linear-gradient(45deg, #f0f, #f00, #00f, #0f0, #ff0);
border-image-slice: 1;}
80%{border-image: linear-gradient(45deg, #ff0, #f0f, #f00, #00f, #0f0);
border-image-slice: 1;}
100%{border-image: linear-gradient(45deg, #0f0, #ff0, #f0f, #f00, #00f);
border-image-slice: 1;}
}
.head2img:hover{
width: 100%;
height: 330px;
border: 4px solid transparent;
border-image: linear-gradient(45deg, #ff0, #f0f, #f00, #00f, #0f0);
border-image-slice: 1;
box-shadow: 0 30px 40px rgba(0,0,0,.7);
animation: animate 1s linear infinite;
transition: .3s;
}
.head3img{
margin-top: 40px;
width: 90%;
height: 330px;
margin-left: 10%;
margin-right: 5%;
border: 4px solid black;
box-shadow: 0 30px 40px rgba(0,0,0,.7);
transition: .5s;
pointer-events: none;
-webkit-touch-callout: none;
}
.head3img:hover{
margin-top: 40px;
width: 100%;
height: 400px;
margin-left: 5%;
margin-right: 0%;
border: 4px solid transparent;
border-image: linear-gradient(45deg, #ff0, #f0f, #f00, #00f, #0f0);
border-image-slice: 1;
box-shadow: 0 30px 40px rgba(0,0,0,.7);
animation: animate 1s linear infinite;
transition: .5s;
}
.sidebar2{
left: 0;
width: 250px;
height: 400px;
background: #f6ead4;
margin-top: 40px;
}
.sidebar2 header{
font-size: 22px;
color: #f6ead4;
text-align: center;
line-height: 70px;
background: #a2a595;
user-select: none;
cursor: pointer;
transition: 1s;
}
.sidebar2 header:hover{
font-size: 35px;
cursor: pointer;
}
.sidebar2 .ul3 .a3{
width: 100%;
height: 100%;
line-height: 65px;
font-size: 20px;
color: #a2a595;
padding-left: 40px;
padding-right: 10px;
box-sizing: border-box;
border-top: 1px solid rgba(255,255,255,.8);
border-bottom: 1px solid rgba(0,0,0,.4);
transition: all .5s ease 0s;
}
.ul3 .li3:hover .a3{
padding-left: 70px;
cursor: pointer;
background: #a2a595;
color: #f6ead4;
transition: all .5s ease 0s;
}
.vs{
color: #f6ead4;
}
.sidebar3{
margin-top: 70px;
left: 0;
width: 250px;
height: 1000px;
background: #f6ead4;
}
.sidebar3 header{
font-size: 22px;
color: #f6ead4;
text-align: center;
line-height: 70px;
background: #a2a595;
user-select: none;
border-bottom: 2px solid #f6ead4;
}
.sidebar3 .ul4 .a4{
width: 100%;
height: 100%;
line-height: 65px;
font-size: 20px;
color: #a2a595;
padding-left: 40px;
box-sizing: border-box;
border-bottom: 2px solid #a2a595;
transition: .4s;
}
.sidebar3 .ul4 .a4:hover{
border-bottom: 2px solid #f6ead4;
transition: .4s;
}
.sidebar3 .ul4 .li4{
/*background-color: red;*/
transition: .4s;
}
.sidebar3 .ul4 .li4:hover{
background-color: #a2a595;
transition: .4s;
}
.ul4 .li4:hover .a4{
padding-left: 70px;
transition: .4s;
}
.head4{
margin-top: 70px;
width: 100%;
height: 70px;
font-size: 22px;
color: #f6ead4;
text-align: center;
line-height: 70px;
background: #a2a595;
user-select: none;
margin-left: 5%;
}
.head4img{
width: 100%;
height: 920px;
border: 4px solid black;
box-shadow: 0 30px 40px rgba(0,0,0,.7);
transition: .5s;
overflow: hidden;
overflow-y: scroll;
overflow-x: scroll;
}
.sideeeimg{
width: 150px;
height: 150px;
margin-top: 50px;
}
.contact-info{
display: flex;
width: 100%;
align-items: center;
justify-content: center;
padding: 0 20px;
margin-top: 50px;
}
.card{
background: #a2a595;
padding: 0 20px;
margin: 0 10px;
width: calc(40% – 20px);
height: 300px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #288421;
cursor: pointer;
overflow: hidden;
border-radius: 20%;
}
.card:hover{
background: #EEEEEE;
color: #A39976;
transition: 0.5s ease-in;
}
.card p{
margin-top: 20px;
font-weight: 300;
letter-spacing: 2px;
text-align: center;
max-height: 0;
opacity: 0;
transition: 0.3s linear;
}
.card:hover p{
max-height: 90px;
opacity: 1;
}
@media screen and (max-width:900px){
.contact-info{
flex-direction: column;
}
.card{
width: 100%;
max-width: 300px;
margin: 10px 0;
}
.container{
flex-direction: column;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
}
.head4{
margin-top: 70px;
width: 100%;
height: 70px;
font-size: 22px;
color: white;
text-align: center;
line-height: 70px;
background: #063146;
user-select: none;
margin-bottom: 960px;
}
.sidebar2{
width: 250px;
height: 400px;
background: #042331;
margin-top: 400px;
}
.sidebar{
width: 250px;
height: 400px;
background: #042331;
margin-bottom: 100px;
}

Latex Balloons

• Plain Balloons
• Chrome Balloons
• Pastel Balloons
• Metallic Balloons

PARTY BALLOONS