body{
    background : url(w2.jpg);
    background-size: auto;

}

.cont{
    display: flex;
    justify-content: space-around;
}

.container1{
    margin-top: 100px;
    align-items: center;
    width: fit-content;
    clip-path: circle(69.8%);
    text-align: center;

}

.container2{

    
    margin-top: 100px;
    align-items: center;
    clip-path: circle(69.8%);
    width: fit-content;
    text-align: center;
    padding-top: 50px;

}

.location{

    color: #f19d01;
    font-size: 5.4em;
    font-variant-caps: all-petite-caps;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

}
.weather-icon{

    align-items: center;
}
.temperature-description{

    color: rgb(95, 141, 240);
    font-size: 3.5em;
    font-variant-caps: all-petite-caps;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 
}

.temperature-value{

    color: rgba(248, 3, 3, 0.774);
    font-size: 4.8em;
    font-variant-caps: all-petite-caps;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

}

/*
.presure{
    margin-left: 60px;
}
.wind-speed{
    margin-left: 60px;
}
.humedity{
    margin-left: 6px;
}
.tmax{
    margin-left: 6px;
}
.tmin{
    margin-left: 6px;
}

*/

.latitude p{
    color: rgb(9, 255, 0);
    font-size: 2.9em;
    font-style: italic;
    font-variant-caps: all-petite-caps;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.longetude p{
    color: rgba(25, 6, 77, 0.911);
    font-size: 2.9em;
    margin-left: 10px;
    font-style: italic;
    font-variant-caps: all-petite-caps;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.humedity p{
    color: rgba(189, 250, 247, 0.897);
    font-size: 2.9em;
    font-variant-caps: all-petite-caps;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.presure p{
    color: rgb(212, 238, 209);
    font-size: 2.9em;
    font-variant-caps: all-petite-caps;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.wind-speed p{
    color: rgb(198, 134, 250);
    font-size: 2.9em;
    font-variant-caps: all-petite-caps;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.tmax p{
    color: rgb(250, 141, 244);
    font-size: 2.9em;
    font-variant-caps: all-petite-caps;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.tmin p{
    color: rgb(104, 8, 8);
    font-size: 2.9em;
    font-variant-caps: all-petite-caps;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

@media(max-width:1000px)
{

    
    body{
        background-size:cover;
    }

    .cont{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 50px;
    }

    .container2{
        margin-top: 25px;
    }
}

@media(max-width:500px)
{
    body{
        background-size:cover;
    }

    .location{
        font-size: 3em;
    }

    .temperature-description{
    
        font-size: 2.5em;
    }

.latitude p{
    font-size: 2.5em;
    text-align: center;
   }
.longetude p{
    font-size: 2.5em;
}
.humedity p{
    font-size: 2.5em;
    
    text-align: center;
}
.presure p{
    font-size: 2.5em;
    align-items: center;
}
.wind-speed p{
    font-size: 2.5em;
}
.tmax p{
    font-size: 2.5em;
}
.tmin p{
    font-size: 2.5em;
}

}