:root{--white: rgb(255, 255, 255);--black: rgb(0, 0, 0);--stats-color: rgba(255, 255, 255, .8);--card-bg: rgba(255, 255, 255, .1);--card-hover: rgba(255, 255, 255, .2);--placeholder-color: rgba(255, 255, 255, .736);--input-bg: rgba(32, 18, 163, .519);--input-hover: rgba(66, 45, 255, .519);--btn-bg-color: rgb(255, 126, 103);--btn-hover: rgb(230, 106, 88);--link-color: rgb(0, 170, 255);--link-hover: rgb(0, 132, 255);--link-visited: rgb(231, 231, 231);--paragraph-color: rgba(255, 255, 255, .885)}*{margin:0;padding:0;border:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background:linear-gradient(135deg,#2e63c6,#3a96bd);color:#fff;display:flex;flex-direction:column;align-items:center;height:100vh}.header{text-align:center;padding:1.25rem .625rem;margin-top:.625rem}.header__title{font-size:3rem;font-weight:700;letter-spacing:.09375rem;color:var(--white);text-shadow:.125rem .125rem .5rem rgba(0,0,0,.2)}.header__paragraph{margin-top:1rem;font-size:1.2rem;color:var(--paragraph-color);max-width:37.5rem;margin-left:auto;margin-right:auto;line-height:1.5}.weather{flex-grow:1;display:flex;justify-content:center;align-items:center;font-family:Roboto,sans-serif}.weather__card{width:25rem;height:15rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem;border-radius:.75rem;-webkit-backdrop-filter:blur(.9375rem);backdrop-filter:blur(.9375rem);background:var(--card-bg);border:1px solid var(--card-hover);box-shadow:0 .5rem 2rem #0003;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease-in-out;text-align:center;color:var(--white)}.weather__card:hover{transform:translateY(-.3125rem);background:var(--card-hover)}.weather__card:before{content:"";position:absolute;width:9.375rem;height:9.375rem;background-image:url(/assets/card-icon-144-e7GatfZm.png);left:-1.875rem;top:-1.875rem;z-index:-1;filter:blur(.1875rem);transition:transform .5s ease-in-out}.weather__card:hover:before{transform:translate(1.25rem,1.25rem)}.weather__search{width:100%;display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem}.weather__input{flex:1;padding:.625rem;border:none;border-radius:.375rem;font-size:.9rem;font-weight:700;background:var(--input-bg);color:var(--white);outline:none;transition:background .3s ease-in-out}.weather__input::placeholder{color:var(--placeholder-color)}.weather__input:focus,.weather__input:hover{background:var(--input-hover)}.weather__button{padding:.625rem .9375rem;border:none;border-radius:.375rem;background-color:var(--btn-bg-color);color:var(--white);font-size:.9rem;font-weight:700;cursor:pointer;transition:background .3s ease-in-out,transform .2s}.weather__button:hover{background-color:var(--btn-hover);transform:scale(1.05)}.weather__info{width:100%;text-align:center;margin-top:.625rem}.weather__city{font-weight:700;font-size:1.2rem;letter-spacing:.075rem}.weather__temperature{font-size:2rem;font-weight:700;margin:.3125rem 0}.weather__stats{font-size:1rem;color:var(--stats-color)}.footer{font-size:1rem;text-align:center;padding:1.25rem;color:var(--white)}.footer__attribution{margin-top:.625rem;font-size:.9rem}.footer__attribution-link{text-decoration:none;font-weight:700;color:var(--link-color);transition:color .3s ease-in-out}.footer__attribution-link:hover{color:var(--link-hover);text-decoration:underline}.footer__attribution-link:visited{color:var(--link-visited)}