html, body, .container {
    height: 100vh;
    width: 100vw;
    align-items: center;
}
#map {
    height: 100%;
}

a {
    text-decoration: none;
}

tbody{
    margin-top: 1px;
}

.offcanvas {
    background-color: rgba(255, 255, 255, 0.1);
    color: aliceblue;
}

#headline-card > .card > .card-body, #headline-card > .card > .card-footer {
    display: flex;
    justify-content: space-between;
}


#headline-card > .card > .card-body{
    align-items: baseline;
}

.card-body {
    display: flex;
    justify-content: space-around;
    align-items: center;
}


#hero-icon {
    font-size: 2.25rem;
}

.weather-icon-small{
    font-size: 1.75rem;
}

.weather-icon-footer{
    font-size: 1.5rem;
}

.min-max-weather{
    margin-top: 1px;
    margin-bottom: 1px;
}

#card-1, #card-2 {
    display: flex;
}
.card {
    margin: 2px;
}
.card-text{
    margin: auto;
}

.card-text-min-temp{
    font-size: .8rem;
}

.loading-screen {
    display: flex;
}

.white-btn {
    color: aliceblue;
}

#selectContainer{
    width: 200px;
}


#countryBody {
    position: relative;
}

#countryBody::before{
    content: "";
    background-image: url('./assets/Simple_world_map.svg');
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.1;
}

#factsContainer ul{
    position: relative;
    color: black;
}

#weatherHeader {
    background-image: url('./assets/sky.jpg');
    background-position: center;
}

#weatherTitle, #currencyHeader{
    color: aliceblue;
}

#currencyHeader{
    background-image: url('./assets/finance.jpg');
    background-repeat: no-repeat;
    background-position: center 1rem;
}

#currencyHeader {
    background-position: relative;
}

#mapLoadingContainer {
    display: flex;
    justify-content: center;
    align-items: center;
}

nav {
    height: 10px;
}

.link-primary {
    padding:0%;
}

#holidaysLegend {
    display: flex;
    justify-content: space-around;
}