.navbar  {
    background-color: rgb(61, 44, 52);
}

.queens-green-text {
    color: rgba(254, 229, 153, 0.9) !important;
}
.navbar-upper {
    font-family: 'SinhalaMN';
    font-size: 1.5em;

}
.navbar-lower {
    line-height: 0.5em;
}

.info-box {
    height: 85%;
    width: 90%;
    position: absolute;
    top: 10%;
    left: 5%;
    overflow: auto;
    font-size: 1.1em;
    background-color: rgba(0, 2, 48, 0.4) !important;
    padding: 100px 100px 100px 100px;
    font-family: 'Raleway', sans-serif;

}
.cursive{
    font-family: 'Kristi', cursive;
    font-size: 4em;
    text-align: center;

}
.center{
    text-align: center;

}
.centerimage {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

svg:not(:root) {
    position: absolute;
    top: 2%;
    left: -3%;
    width:103%;
    height:98%;
}

.svg-back{
    z-index: -1;
}

a.ball-link:link{
    color: rgba(254, 229, 153, 0.9);
    text-decoration: underline;

}

a.ball-link:visited{
    color: rgba(254, 229, 153, 0.9);
    text-decoration: underline;

}
a.ball-link:hover{
    color: rgba(254, 255, 255, 0.9);
    text-decoration: none;

}

a.big-ball-link:link{
    color: rgba(254, 229, 153, 0.9);
    border-bottom: 2px solid currentColor;
}
a.big-ball-link:visited{
    color: rgba(254, 229, 153, 0.9);
    border-bottom: 2px solid currentColor;
}
a.big-ball-link:hover{
    color: rgba(254, 255, 255, 0.9);
    text-decoration: none;
    border-bottom: none;
}



.top-space-row{
 margin-top:20px;
}