.weather-data-container > p > svg {
    margin: .2rem;

}

.weather-var-wrap > p {
    font-size: clamp(0.12rem, 3vw, 1.55rem);
    margin: clamp(.15rem, .1dvw, 1.5rem);
    font-weight: 300;
}

option {
    font-size: .85rem;
    font-weight: 300;
    font-family: "Roboto Condensed", sans-serif;
    color: rgb(0, 0, 0);
}

#viewWeatherForm {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-color: none;
}

.weather-finder {
    width: 30vw;
    max-width: 200px;
    padding: 0.5rem;
    margin: 0.5rem 0.75rem;
    border-radius: 1.35rem;
    background-color: var(--palette-color-1);
    font-family: "Roboto Condensed", sans-serif;
    color: rgb(208, 255, 0);
}

#viewWeatherForm > button {
    width: 100%;
    max-width: 8vw;
    margin: 0.5rem;
    padding: 0.5rem;
    margin: 0.5rem 0;
    border-radius: 1.35rem;
    background-color: var(--palette-color-2);
    color: var(--palette-color-1);
    font-family: "Roboto Condensed", sans-serif;
    font-size: 0.75rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}


.aws_value {
    font-family: "DM Serif","Roboto Flex","Roboto Condensed";
    font-weight: 800;
    text-align: left;
}

.aws_unit {
    font-family: "DM Serif","Roboto Flex","Roboto Condensed";
    font-weight: 400;
    text-align: right;
}

.subsection_title {
    background-image: linear-gradient(to right,  rgb(3, 59, 70), rgb(0, 225, 255));
}

.stroke_title {
    -webkit-text-stroke: 0.08rem;
    -webkit-text-stroke-color: var(--palette-color-5);
    
}

.stroke_subtitle {
    -webkit-text-stroke: 0.0535rem;
    -webkit-text-stroke-color: var(--palette-color-5);
}