:root{--primaryText:#fff;--secondaryText:#00f;--primaryBackground:#202f53;--secondaryBackground:#42a5f5}*{overflow-x:hidden}body{text-align:center;background-image:url(/whats-the-weather/static/media/home.b4f1ebbb.webp);background-size:cover;background-repeat:no-repeat;margin:0}body,main{display:flex;height:100vh}main{flex-direction:column;align-items:center}h1,h3,h4{color:#fff;color:var(--primaryText)}input{background-color:hsla(0,0%,96.1%,.89);width:80%;height:30px;border:3px solid grey;border-radius:10px;padding:5px 5px 5px 10px;font-size:larger;color:#383838}input,input:focus{transition-duration:.5s}input:focus{border-color:#42a5f5;border-color:var(--secondaryBackground)}button{color:#fff;border:none;padding:15px 40px;border-radius:20px;background-color:#42a5f5;background-color:var(--secondaryBackground);opacity:1;font-size:20px}button,button:hover{transition-duration:.5s}button:hover{border-radius:30px}button:active{color:#202f53;color:var(--primaryBackground)}#output{display:block;background-color:#202f53;background-color:var(--primaryBackground);height:40%;margin-top:50px;padding:20px;opacity:.9;border-radius:20px}#output h3{font-size:30px}#output h4{font-size:25px}#footer{display:flex;flex-direction:column;background-color:#202f53;background-color:var(--primaryBackground);color:#fff;opacity:.95}#footer p{margin:10px;line-height:20px}#test{width:100vw}@media only screen and (min-width:769px){main{height:91vh}#output{width:20%}#footer{width:100vw;position:fixed;bottom:0;height:60px;width:100%}}@media only screen and (max-width:769px){body{height:110vh;display:flex;justify-content:center}#searchForm{margin-top:-20px}#fillInPrompt{padding:20px}main{height:100%;text-align:center;display:flex;justify-content:center}#output{width:80%;padding:10px;margin-top:10px}button{margin-top:-5px}#footer{width:100vw;position:fixed;bottom:0;height:60px;width:100%}}
/*# sourceMappingURL=main.c296e26c.chunk.css.map */