body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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)}}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html{background-color:#8fbc8f}.app-name{font-size:2.3rem}.App{background-color:#fff;background-color:hsla(0,0%,89%,.2);border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:flex;flex-direction:column;justify-content:start;margin:25px auto;min-height:440px;padding-bottom:0;text-align:center;width:-webkit-max-content;width:max-content}.city-search{background-color:#fff;background-position:10px 10px;background-repeat:no-repeat;border:2px solid #ccc;border-radius:20px;box-sizing:border-box;font-size:16px;outline:none;padding:12px 20px 12px 40px;transition:width .4s ease-in-out;width:200px}.city-search:focus{width:60%}.city-name{font-size:1.25em}h2{margin-bottom:10px}.date{font-size:1.25em;font-weight:500}.icon-temp{color:#1e2432;font-size:4rem;font-weight:700;text-align:center}.deg{font-size:2rem}.des-wind{font-weight:500}.error-message{color:#140202;display:block;font-size:30px;margin-top:auto;text-align:center}.weather{border:3px dashed indigo;border-radius:20px;margin:2rem 0;padding:0 20px 20px;width:-webkit-max-content;width:max-content}.weather .title{font-family:Times New Roman,Times,serif;font-size:4rem}.weather form{margin-top:30px}.weather form input{border:2px solid #ccc;border-radius:12px;margin-right:10px;padding:12px}.weather form input:focus{border-bottom:3px solid #023958;outline:none}.weather .getweather{background:rgba(2,57,88,.8);border:2px solid #000;border-radius:20px;color:#f5f5f5;cursor:pointer;font-size:1.3rem;margin-left:10px;padding:8px}.weather .getweather:hover{background:transparent;color:#000}.weather .getweather:focus{outline:none}.weather-table{border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;width:100%}.weather-table td,.weather-table th{border:1px solid #ddd;padding:12px}.weather-table tr:nth-child(2n){background-color:#f2f2f2}.weather-table tr:hover{background-color:#ddd}.weather-table th{background-color:#04aa6d;color:#fff;padding-bottom:12px;padding-top:8px;text-align:left}.section1,.section2{margin-top:25px}.displayweather{display:flex;flex-flow:column nowrap;margin-top:20px}.displayweather .maincard{align-self:center;background:#f5f2f2;border:1px solid #000;border-radius:20px;margin-top:20px;padding:50px;position:relative;width:500px}.displayweather .maincard .cardtitle{font-size:1.5rem;left:10px;position:absolute;top:10px}.displayweather .maincard .cardsubtitle{color:grey;left:10px;margin-top:-8px;position:absolute}.displayweather h1{font-size:5rem;margin:-10px -10px -10px -150px}.displayweather .weather-icon{position:absolute;top:50px;width:100px}.displayweather .weather-main{font-size:1.2rem;font-weight:500;left:310px;position:absolute;top:120px}.displayweather .weather-description{font-size:1.4rem;left:10px;position:absolute}.displayweather .weatherdetails{grid-gap:20px;display:grid;grid-template-columns:50% 50%;grid-template-rows:auto;margin-left:50px;margin-right:50px}.displayweather .weatherdetails .section1{justify-self:right;width:300px}h4{font-size:1.2rem;margin-right:30px;text-align:left}td{border-bottom:2px dashed grey}.displayweather .weatherdetails span{font-size:1.2rem}
/*# sourceMappingURL=main.bb7627f6.css.map*/