body{display:flex;justify-content:center;align-items:center;background-color:#000}*{font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;box-sizing:border-box}.container{position:relative;background-color:#482e55;max-width:480px;min-width:360px;height:90vh;border-radius:5%;margin-top:2rem;overflow-y:scroll;-ms-overflow-style:none}.container::-webkit-scrollbar{display:none}.wellcome{font-size:75%;display:block;width:60%;letter-spacing:.05rem;text-align:right;margin-bottom:1rem;color:#f1c6d3;float:right;margin-right:2rem}.title{padding-top:2rem;-webkit-margin-before:0;margin-block-start:0;margin-bottom:.5rem;font-size:4rem;text-align:center;height:auto;width:100%;color:#fce2db;font-weight:bolder;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif}form{width:90%;display:flex;flex-flow:row;margin:.5rem auto;height:3rem}input{flex:7 1;background-color:#fce2db;font-size:1rem}button,input{border:none;height:100%;padding:.5rem;color:#482e55}button{text-decoration:none;display:inline-block;flex:1 1;background-color:none;outline:none;font-weight:700;width:64px}.cityItem,button{background-color:#e4a3d4}.cityItem{width:90%;margin:.3rem auto;display:flex;justify-content:space-between;align-items:center;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cityItem:hover{-webkit-transform:translateX(-7px);transform:translateX(-7px);background-color:#b962a3;cursor:pointer}.cityItem h3{color:#482e55;padding-left:.5rem;min-width:40%}.cityItem img{max-height:75px;max-width:75px;margin-right:-.3rem;-webkit-animation:forIcons;animation:forIcons;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:2s;animation-duration:2s}strong{color:#441f57}p{color:#482e55}@-webkit-keyframes forIcons{25%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}75%{-webkit-transform:translateY(3px);transform:translateY(3px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes forIcons{25%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}75%{-webkit-transform:translateY(3px);transform:translateY(3px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:480px){.container{margin-top:0;height:100%;width:100%;border-radius:0;min-height:97vh}}
/*# sourceMappingURL=main.d1aafc36.chunk.css.map */