@import url(https://fonts.googleapis.com/css2?family=Chivo+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body,html{align-items:center;background-color:#47b5ff;display:flex;flex-direction:column;height:100%;margin:0;width:100%}h1{color:#fff;text-align:center}h1.header{-webkit-animation:glow-effect 3s linear infinite;animation:glow-effect 3s linear infinite;color:grey;font-family:Montserrat;text-shadow:1px 2px 2px #fff;width:450px}@-webkit-keyframes glow-effect{0%{color:hsl(0,0,50%);text-shadow:1px 2px 2px #fff}to{color:#fff;text-shadow:none}}@keyframes glow-effect{0%{color:hsl(0,0,50%);text-shadow:1px 2px 2px #fff}to{color:#fff;text-shadow:none}}h1.website{-webkit-animation:blinking .5s infinite,typeright 6s steps(13) infinite;animation:blinking .5s infinite,typeright 6s steps(13) infinite;border-right:2.5px solid #e6e6e6;font-family:Chivo Mono;font-size:350%;letter-spacing:1px;overflow:hidden;text-align:left}@-webkit-keyframes blinking{0%{border-right-color:#e6e6e6}to{border-right-color:transparent}}@keyframes blinking{0%{border-right-color:#e6e6e6}to{border-right-color:transparent}}@-webkit-keyframes typeright{0%{width:0}60%{width:448px}85%{width:448px}to{width:0}}@keyframes typeright{0%{width:0}60%{width:448px}85%{width:448px}to{width:0}}.circle{aspect-ratio:1;background-color:#fff;border-radius:50%;box-shadow:0 0 3px 4px #fff;position:absolute;z-index:0}.circle-1{bottom:10%;right:10%;width:70px}.circle-2{bottom:30%;left:5%;width:50px}.circle-3{left:20%;top:50%;width:30px}.circle-4{right:7%;top:40%;width:40px}.circle-5{left:15%;top:30%;width:35px}.circle-6{right:20%;top:50%;width:30px}.container{background-color:#fff;border-radius:3.5%;box-shadow:2px 2px 5px 3px #eaf6f6;color:#000;display:flex;height:auto;justify-content:center;margin:auto;padding:20px 0;position:relative;top:50px;width:330px;z-index:1}.city,.job{display:flex;flex-direction:column;margin-bottom:20px}label{font-family:Chivo Mono;font-size:1.3rem;margin:10px;text-align:center}input[type=search]{border:2px solid #cfd2cf;border-radius:5px;font-family:Poppins;font-size:1rem;height:2.2rem;margin:5px auto;padding:7px;width:250px}:is(#city,#job)::-webkit-search-cancel-button{cursor:pointer}#submit{background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Chivo Mono;font-size:1.2rem;height:3rem;letter-spacing:1px;margin:10px auto 15px;width:100%}#submit:active{opacity:.75;-webkit-transform:scale(.97);transform:scale(.97)}input[type=search]:focus{outline:1px solid #a9a9a9}.showListCity,.showListJobs{align-items:center;background-color:#fff;border:1px solid #fff;border-right:none;border-top:none;display:flex;display:none;flex-direction:column;justify-content:center;left:65px;list-style:none;margin:auto;overflow:auto;padding:0;position:absolute;text-align:center;width:200px}.showListCity{-webkit-animation:appearCity .4s ease;animation:appearCity .4s ease;top:106px}.showListJobs{top:220px}:is(.showListCity,.showListJobs).appear{display:block}.showListCity.appear{-webkit-animation:appearCity .4s ease;animation:appearCity .4s ease;max-height:286px}@-webkit-keyframes appearCity{0%{max-height:0}to{max-height:286px}}@keyframes appearCity{0%{max-height:0}to{max-height:286px}}.showListJobs.appear{-webkit-animation:appearJob .3s ease;animation:appearJob .3s ease;max-height:198px}@-webkit-keyframes appearJob{0%{max-height:0}to{max-height:198px}}@keyframes appearJob{0%{max-height:0}to{max-height:198px}}li.list-item{cursor:pointer;font-family:Chivo Mono;font-size:13px;height:15px;padding:3.5px 0;width:183.2px}li:hover{background-color:#ccc}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.12e9d1d3.css.map*/