.HotspotAnnotation{
    font-size: 2rem;
}
.Hotspot {
    height: 4rem;
    width: 4rem;
}
.Hotspot .HotspotAnnotation {
    bottom: 4rem;
}
@media only screen and (max-width: 768px) {
    .Hotspot .HotspotAnnotation {
        font-size: 1.15rem;
    }
}
/*Modal*/
.modal-header h5{
    font-size: 1.5rem;
}


/*Email*/
.modal-footer{
    justify-content: unset!important;
    background-color: rgba(255, 255, 255, .85);
    padding: 1rem 1.75rem;
}
.plant-btn{
    background-color: #319B16;
    font-family: Staatliches;
    border: none;
    border-radius: 5px;
    font-size: 1.5rem;
    padding: .3rem .9rem;
    min-width: -webkit-fill-available;
}
.plant-btn:hover{
    background-color: #00851B;
}
.green{
    background-color: #319B16;
    font-family: Staatliches;
    border: none;
    border-radius: 5px;
    padding: .3rem .9rem;
}
.green:hover{
    background-color: #00851B;
}


/*Quests*/

.modal-content{
    background-image: url(../img/index/TreeQuestBG.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom;
    background-color: rgba(0, 100, 255, .6);
    backdrop-filter: blur(10px);
}
.modal-header{
    background-color: rgba(255, 255, 255, .95);
    border: 0;
}
.treeQuestBg{
    background-image: url(../img/index/treeQuestIsland.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: auto 420px;
}
.treeQuestHeader{
    padding: .5rem 1rem;
    background-color: rgba(255, 255, 255, .9);
    border-radius: 5px;
    border: 0;
}
.treeQuestHeader h4{
    font-size: 1.2rem;
}
.treeQuestHeader p, li{
    margin: 0;
}
.treeQuestHeader li{
    font-size: 1rem;
}
/*button*/
#twitterQuest{
    position: relative;
    top: 10%;
}
#walletQuest{
    position: relative;
    top: 50%;
}
.treeQuestBg button{
    border-radius: 5px;
    padding: .33rem .66rem;
}
.treeQuestBg .walletQuest, .twitterQuest{
    background-color: rgba(255, 255, 255, .8);
    backdrop-filter: blur(10px);
    border: 0;
}

.form-control{
    font-size: 1.6rem;
}
form{
    min-width: -webkit-fill-available;
}

/*Header Quest wallet*/

.headerWallet{
    text-align: center;
}
.connectBtn{
    border: 2px solid grey;
}
.connectBtn.connected{
    color: #319B16;
    border: 2px solid #319B16;
}
.connectBtn.notConnected{
    color: #ff6a00;
    border: 2px solid #ff6a00;
}
/*Header Quest Twitter*/
.twitterBtn{
    color: white;
    background-color: #1DA1F2;
    border: 2px solid #1DA1F2;
}
/*Progress bar*/
.prog-container{
    background-color: rgba(0,0,0,.07);
    border-radius: 5px;
    backdrop-filter: blur(10px);
}
.progress{
    background-color: white;
}
.progress span{
    color: rgba(0,0,0,.5);
}
.progress-bar{
    background-color: rgba(0,0,0,.4);
}
.form-text{
    font-size: 1rem!important;
}