@import"https://fonts.googleapis.com/css2?family=Jua&display=swap";*{font-family:Jua,sans-serif;box-sizing:border-box}body{height:100vh;display:flex;justify-content:center;align-items:center;margin:0;padding:0;background-color:#dfd3c3}.main{height:600px;width:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px;background-color:#f8ede3;box-shadow:15px 15px 5px #d0b8a8}@media screen and (max-width: 400px){.main{height:480px;width:320px}}#standardTime{height:40px;width:360px;display:flex;justify-content:center;font-size:16pt;color:#574940;text-align:center}@media screen and (max-width: 400px){#standardTime{height:30px;width:290px;font-size:14pt}}h1{height:60px;width:360px;display:flex;justify-content:center;margin-top:0;font-size:26pt;color:#85586f;text-align:center;text-shadow:#d0b8a8 2px 5px}@media screen and (max-width: 400px){h1{height:50px;width:290px;font-size:20pt}}#weather{height:50px;width:360px;display:flex;justify-content:center;border:1pt solid #574940;font-size:14pt;color:#574940;font-weight:550;text-align:center;line-height:50px}@media screen and (max-width: 400px){#weather{height:40px;width:290px;font-size:12pt;line-height:40px}}.icon{margin-left:10px}img{height:360px;width:360px;border:1pt solid #574940}@media screen and (max-width: 400px){img{height:290px;width:290px}}