/* every page */
.btn{
    letter-spacing: .1rem;
}

/* text-colors */
.text-orange{
    color: #fcb247;
}

.text-purple{
    color: #a5509f;
}

/* background colors */
.bg-green{
    background-color: #aed688;    
}

.bg-orange{
    background-color: #fcb247;
}

.bg-yellow{
    background-color: #fef6a4;
}

/* btn colors */
.btn-purple{
    background-color: #a5509f; 
    border: 1px solid  #a5509f; 
    color: #fff;  
}
.btn-purple:hover{
    background-color: #d66eab; 
    border: 1px solid  #d66eab;   
}

.btn-orange{
    background-color: #f69173; 
    border: 1px solid  #f69173;   
}

.btn-orange:hover{
    background-color: #fcb247; 
    border: 1px solid  #fcb247;   
}

/* footer */
.logo-footer{
    width: 200px;
}

/* free.html page */

#free .img-border{
    border: 5px solid #fff;
}

.my-tool-icon{
    width: 36px;
}

#need .card{
    border-radius: 0;
}

#instructions span{
    font-weight: bold;
    padding-right: .3rem;
}



/* bee stickers */
.box{
    position: relative;
}

.bee-sticker{
    position: absolute;
    width: 100px;
}

/* bees on index.html */
#book .b1{
    top: 0;
    left: 15%;
}

#book .b2{
    bottom: 30px;
    right: 20%;
}

#popular .b3{
    top: -60px;
    right: 25%;
}

#popular .b4{
    top: 0;
    left: 5%;
}
/* bees on pattern.html page */
#patterns .b1{
    top: -60px;
    right: 25%;
}

#animals .b2{
    bottom: 7%;
    left: 22%;
    z-index: 1;
}

#sea .b3{
    bottom: 6%;
    right: 15%;
}

#birds .b4{
    top: -30px;
    left: 15%;
}

#birds .b5{
    bottom: 70px;
    right: 5%;
}

#birds .b6{
    bottom: 25px;
    right: 25%;
}

#movie .b7{
    top: -30px;
    left: 23%;
}

#movie .b8{
    bottom: -30px;
    left: 3%;
}

#reviews .b9{
    top: -50px;
    right: 10px;
}

#reviews .b10{
    bottom: 60px;
    right: 6%;
}

#reviews .b11{
    bottom: -20px;
    right: 16%;
}

/* bees on free.html page */
#free .b1{
    top: -50px;
    right: 8%;
}

#free .b2{
    bottom: -10px;
    left: 15%;
}

#need .b1{
    top: -35px;
    right: 4%;
}

#need .b2{
    top: -40px;
    right: 20%;
}

#instructions .b1{
    top: -65px;
    right: 20%;
}

#instructions .b2{
    bottom: -10px;
    left: 40px;
}

/* bees on contact.html page */
#contact .b1{
    top: 30px;
    right: 20px;
}

#contact .b2{
    top: 55%;
    left: 30px;
}

#contact .b3{
    bottom: 20px;
    right: 35%;
}

/* extra */
.eblast {
    max-width: 600px;
}