*{margin:0;padding:0;box-sizing:border-box}body{color:#fff;font-family:Alexandria,sans-serif;font-optical-sizing:auto;height:100vh;background-image:linear-gradient(38deg,#1d2949fa,#1c1b33fa),url(/img-background.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;display:grid;place-items:center}.wrapper{display:flex;flex-direction:column;gap:24px}.wrapper__head{display:flex;flex-direction:column;align-items:center;gap:12px}.wrapper__head--city{font-size:1.5rem}.wrapper__head--time{font-size:6rem;line-height:80%}.wrapper__head--date{font-size:1.25rem;color:#dbdbdb}.wrapper__body--container{position:relative;background-image:url(/bg-retangle.svg);background-repeat:no-repeat;background-size:contain;padding:48px 20px;width:342px;height:184px;margin:auto}.wrapper__body--info{display:grid;gap:12px}.wrapper__body--temperature{font-size:4rem;line-height:80%}.wrapper__body--desc{color:#dbdbdb}.wrapper__body--icon{position:absolute;top:-40px;right:-10px}