* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0;
}
body {
    height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    /* background: linear-gradient(rgb(47,150,163), rgb(48,62,143)); */
    /* background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(14,174,87,1) 0%, rgba(12,116,117,1) 90% ); */
    background-image: linear-gradient( 135deg, #3B2667 10%, #BC78EC 100%);
    font-family: sans-serif;
    color:white;
}
.location,
.temperature-description,
.temperature {
    height: 30vh;
    width:100%;
    display:flex;
    justify-content: center;
    align-items:center;
}
.temperature {
    flex-direction: column;
}
.temperature-description{
    font-size:20px;
}
.degree-section{
    display:flex;   
    align-items: center;
    cursor: pointer;
    justify-content: center;
      
}
.degree-unit{
    margin:10px;
    font-size: 40px;
    display: flex;
}
.degree-symbol{
    font-size: 50px;
}
.degree-section h2{
    font-size: 60px;
}
.icon {
    height: 200px;
    width: 200px;
    opacity: 0.0;
}
.location{
    flex-wrap:wrap;
}