*{margin:0;padding:0}*,:before,:after{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (width<=1200px){html{font-size:56.25%}}@media only screen and (width<=900px){html{font-size:50%}}@media only screen and (width<=1800px){html{font-size:75%}}.card{color:#fff;background-image:linear-gradient(#b15037a6 0%,#a13e5ca6 61%,#653c67a6 100%),url(beach.9ce3d9ae.jpg);background-position:top;background-size:cover;border-radius:25px;grid-template-rows:75px 200px 1fr;width:500px;min-height:780px;display:grid;overflow:hidden}.card__search{grid-template-columns:80% 20%;align-items:center;display:grid}@media only screen and (width<=500px){.card__search{grid-template-columns:70% 30%}}.card__search-box{color:#d74b76;background-color:#fff;border:none;border-radius:25px;outline:none;height:50%;margin:1rem;padding:1rem;font-size:1.25rem}.card__search-box:focus{box-shadow:0 10px 36px #00000029,0 0 0 1px #0000000f}.card__search-btn{cursor:pointer;background-color:#fff;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:50px;height:50px;margin:2rem;padding:.2rem;transition:transform .2s;display:flex}.card__search-btn:hover{transform:scale(1.05);box-shadow:0 10px 36px #00000029,0 0 0 1px #0000000f}.card__search-btn:active{transform:scale(.95)}.card__search-btn img{width:70%;height:70%;margin:1rem;display:block}.card__header{padding:2rem}.card__body{grid-template-rows:repeat(4,min-content);grid-template-columns:repeat(2,1fr);place-items:center;gap:1rem;padding:1rem;display:grid}@media only screen and (width<=500px){.card__body{grid-template-rows:repeat(8,min-content);grid-template-columns:1fr}}.card__body-item{background:linear-gradient(#b15037 0%,#a13e5c 61%,#653c67 100%);border-radius:16px;grid-template-rows:repeat(2,min-content);grid-template-columns:max-content 1fr;justify-items:center;gap:1rem;width:100%;padding:.5rem;display:grid;box-shadow:0 10px 36px #00000029,0 0 0 1px #0000000f}@media only screen and (width<=500px){.card__body-item{grid-template-rows:1fr;grid-template-columns:1fr 1fr 1fr}}.card__body img{width:50px;height:50px;display:block}.card__forecast-title{grid-column:1/-1;justify-self:center;font-size:1.5rem}@media only screen and (width<=500px){.card__forecast-title{grid-column:3/-1;place-self:center;font-size:1rem}}.card__forecast-value{justify-self:start;font-size:2.5rem}@media only screen and (width<=500px){.card__forecast-value{place-self:center;font-size:1.5rem}}.container{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;overflow:hidden}body{font-family:Garamond,sans-serif;font-weight:400;line-height:1.7}.heading-1{font-size:5rem}.heading-2{font-size:4rem}.heading-3{font-size:3rem;font-weight:600}.paragraph-1{font-size:2rem}
/*# sourceMappingURL=index.4a1ce56f.css.map */