@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');

*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Quicksand', sans-serif;
}
:root
{
    --primary-color:         #0f68a3;
    --secondary-color:       #dfdfdf;
    --primary-text-color:    #ffffff;
    --primary-text-background:#333;
    /* --primary-text-color:    #333;
    --primary-text-background:#dfdfdf; */
    --dark-shadow:   rgba(0,0,0,0.2);
    --light-shadow:rgba(255,255,255,0.4);
    --blur:                 blur(15px);
    --glas-border: 1px solid rgba(255, 255, 255, 0.432);
    --transparent-background: rgba(255, 255, 255, 0.2);
    --dark-transparent-background: rgba(0, 0, 0, 0.7);
    --navigate-section-width: 130px;
    --info-font-color: #0b9ed8;
}

/* Notification Styles */
.notification {
    padding: 15px;
    margin: 10px;
    border-radius: 5px;
    font-size: 16px;
    width: fit-content;
    position: absolute;
    top: 0;
    &.success
    {
        background-color: #d4edda;
        color: #155724;
        border: 1px solid #c3e6cb;
    }
    &.error
    {
        background-color: #f8d7da;
        color: #721c24;
        border: 1px solid #f5c6cb;
    }
    &.info
    {
        background-color: #d1ecf1;
        color: #0c5460;
        border: 1px solid #bee5eb;
    }
}
/* Weather Icons */
.fa-sun
{
    color: yellow!important;
}
.fa-cloud
{
    color: grey!important;
}
.fa-snowflake
{
    color: #fff!important;
}
.fa-smog
{
    color: #dddddd;
}