@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";*{box-sizing:border-box}html{font-family:Open Sans,sans-serif}body{margin:0;background-image:linear-gradient(120deg,#fdfbfb,#ebedee);color:#232323}main{display:flex;gap:2rem;margin:3rem auto;max-width:55rem}.temperatures{padding:2rem;border-radius:4px;background:#232323;font-size:1.25rem;box-shadow:0 0 4px #c1c1c1;width:48%;color:#d0d0d0}.temperatures header{display:flex;gap:1rem;align-items:flex-start;margin-bottom:2rem}.temperatures img{width:4rem;height:4rem}.temperatures h2{text-align:left;font-size:1rem;color:#232323;margin:0}.temperatures header p{margin:0;font-weight:700;font-size:.85rem}.temperatures ul{list-style:none;margin:0;padding:0}.temperatures li{margin:.5rem;cursor:pointer}.item,li{display:flex;justify-content:space-between;align-items:center}span{text-transform:capitalize}.details{display:flex;width:11rem;justify-content:space-between}a{margin:.5rem;display:flex;width:-moz-fit-content;width:fit-content}::-webkit-scrollbar{height:.563rem;width:.563rem}::-webkit-scrollbar-thumb{background:#777;width:.563rem}::-webkit-scrollbar-track{background:transparent;width:.563rem}::-webkit-scrollbar-corner{background:transparent}@media screen and (max-width: 730px){main{flex-direction:column;justify-content:center;margin:3rem;overflow:hidden}.temperatures{overflow:auto;width:100%}.item{width:22rem}}