@font-face{src:url(/forecastle/assets/PixulBrushExtended-HQ05_Ijq.ttf);font-family:pixul-brush}body{font-family:pixul-brush,sans-serif;color:#000;overflow-x:clip}h1{font-weight:400}p,label,option,select{font-family:pixul-brush,sans-serif;color:#333;text-align:center}input{font-family:pixul-brush,sans-serif}button{font-family:pixul-brush,sans-serif;color:#333;background-color:#ccc;border:2px solid hsl(0,0%,70%);cursor:pointer}button:hover{background-color:#b3b3b3}button:active{background-color:#999}body{background-color:#f2f2f2;margin:0}.forecastleBody{margin:10px;min-height:90vh}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.weatherForm{margin:20px}.cityInput{padding:10px;font-size:2rem;border:2px solid hsla(0,0,20%,.3);border-radius:10px;margin:10px;width:300px}button{padding:10px 20px;font-size:2rem;background-color:#4eb151;color:#fff;border:none;border-radius:5px}button:hover{background-color:#3e8e41}.gameCards{display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;height:fit-content}.card{background:linear-gradient(189deg,#80bfff,#ffd480);padding:30px;margin:10px;box-shadow:2px 2px 5px #00000080;width:clamp(15%,300px,300px);min-height:60vh;height:fit-content;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.resultsBlock{margin-top:40px;display:flex;flex-direction:column;align-items:center}.horizontalCard{background:linear-gradient(189deg,#80bfff,#ffd480);padding:30px;margin:10px;box-shadow:2px 2px 5px #00000080;width:90%;border-radius:10px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;transition:ease 1s 0s}.horizontalCard *{color:#fff}.horizontalCard #high *{font-size:4rem}.horizontalCard #low *{font-size:3rem}.scoreGrid{font-size:2rem}.card .dataBox{margin:10px 0}.card .dataBox *{color:#fff;font-size:2.25rem}.card #high *,.card #humid *,.card #precip *{color:#fff}.card #low *{color:#ededed}.card .numBox{margin:10px 0}.card .numBox input{background-color:transparent;border:none;text-align:right;width:50%}.card .numBox input:not(:disabled){border-bottom:2px solid}.card #high input{font-size:3rem;width:35%}.card #low input{font-size:2.25rem;width:42%}.card #humid input{width:32%}.card #precip input{width:37%}.localStyle{border-bottom:2px dotted black;cursor:pointer}select,option{background-color:transparent;border:none;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:0;margin:0;width:auto;box-sizing:border-box;border-bottom:2px solid;cursor:pointer}option{background-color:#333}option:hover{background-color:#1a1a1a}select:disabled{opacity:1}.correct{background-color:#00ff004d}.incorrect{background-color:#ff00004d}.partial{background-color:#fbff004d}*[disabled]{border-bottom:none}.card #high label{font-size:3rem}.card #low label{font-size:2.25rem}input:active{background-color:#0000000d}.deactivated{background:linear-gradient(189deg,#441bb6,#63b0fd)}.completed{background:linear-gradient(189deg,#303ac0,#ffc72e)}.tooltip{background-color:#000000d9;border:2px solid black;color:#fff;padding:5px;border-radius:4px;z-index:1000;font-size:1.75rem}.tooltipItems{font-size:1.5rem;color:#ccc}.toggle-switch{position:fixed;right:0}.slider{background-color:orange;transition:ease .5s}.slider:hover{background-color:#b37400}.on{background-color:#0ff}.on:hover{background-color:#00b3b3}.grayOut{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;background-color:#63636370}.infoCard{padding:15px;position:fixed;display:flex;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%);width:55vw;height:85vh;background-color:#fff;border-radius:5px;overflow:hidden;animation:fadeInDown 2s -.6s}.infoCard .textContent{overflow-y:scroll}.infoCard h1{font-size:2.25rem;margin:5px 0;text-align:center}.infoCard h2{font-size:2rem;margin:5px 0;font-weight:400;text-align:left}.infoCard h4{font-size:1.25rem;margin:5px 0;font-weight:400;text-align:center;color:#3a3a3a}.infoCard p,.infoCard a{font-size:1.25rem;margin:5px 0;font-weight:400;text-align:left;color:#3a3a3a}.detailerText{color:#bebebe}.xButton{position:fixed;top:5px;right:5px;background-color:#fff0;color:#000}.xButton:hover{background-color:#a9a9a931}.infoButton{position:absolute;top:5px;right:5px;background-color:#376cff;border-radius:50px;padding:10px 25px;margin:10px;color:#fff}.infoButton:hover{background-color:#0548ff}h1{font-size:5rem;margin-top:0;margin-bottom:25px}p{font-size:2.25rem;margin:5px 0}a{font-size:1.5rem;color:#1e90ff}a:active{color:#1e90ff}.prompt{display:flex;flex-direction:column;align-items:center}.weatherImg{width:196px;margin:15px 0}footer{margin-inline-start:0;background-color:#e6e6e6;box-shadow:0 -10px 12px #00000080;padding:5px}footer p,footer a{font-size:1.5rem;text-align:left;color:#b3b3b3}@keyframes fadeInDown{0%{transform:translate(-50%,-55%);opacity:0}30%{transform:translate(-50%,-55%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@media (max-width: 1700px){.card{flex-direction:row;align-items:center;padding:30px;margin:10px;box-shadow:2px 2px 5px #00000080;width:fit-content;min-width:90vw;min-height:20vh;height:fit-content;border-radius:10px}.gameCards{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:fit-content}}@media (max-width: 1000px){body{margin:0;width:100%;padding:0;overflow-x:hidden}button{padding:15px 10px;font-size:.75rem;background-color:#4eb151;color:#fff;border:none;border-radius:5px}button:hover{background-color:#3e8e41}.gameCards{height:auto;padding:10px 0}.card{background:linear-gradient(189deg,#80bfff,#ffd480);padding:4% 2%;margin:1% 0%;width:95vw;box-shadow:2px 2px 5px #00000080;border-radius:10px}.resultsBlock{margin-top:10px;display:flex;flex-direction:column;align-items:center}.horizontalCard{background:linear-gradient(189deg,#80bfff,#ffd480);padding:4% 2%;margin:1% 0%;box-shadow:2px 2px 5px #00000080;width:95vw;border-radius:10px}.horizontalCard *{color:#fff}.horizontalCard #high *{font-size:2rem}.horizontalCard #low *{font-size:1.5rem}.scoreGrid{font-size:1rem}.card .dataBox{margin:0}.card .dataBox *{color:#fff;font-size:1.25rem}.card .dataBox select{font-size:1.1rem}.card #high *,.card #humid *,.card #precip *{color:#fff}.card #low *{color:#ededed}.card .numBox{margin:10px 0}.card .numBox input{background-color:transparent;border:none;text-align:right;width:50%}.card .numBox input:not(:disabled){border-bottom:2px solid}.card #high input{font-size:1.75rem;width:35%}.card #low input{font-size:1.5rem;width:42%}.card #humid input{width:32%}.card #precip input{width:37%}.localStyle{border-bottom:2px dotted black;cursor:pointer}select,option{background-color:transparent;border:none;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:0;margin:0;width:auto;box-sizing:border-box;border-bottom:2px solid;cursor:pointer}option{background-color:#333}option:hover{background-color:#1a1a1a}select:disabled{opacity:1}.correct{background-color:#00ff004d}.incorrect{background-color:#ff00004d}.partial{background-color:#fbff004d}*[disabled]{border-bottom:none}.card #high label{font-size:1.65rem}.card #low label{font-size:1.5rem}input:active{background-color:#0000000d}.deactivated{background:linear-gradient(189deg,#441bb6,#63b0fd)}.completed{background:linear-gradient(189deg,#303ac0,#ffc72e)}.tooltip{background-color:#000000d9;border:2px solid black;color:#fff;padding:5px;border-radius:4px;z-index:1000;font-size:1rem}.tooltipItems{font-size:1rem;color:#ccc}.toggle-switch{position:fixed;right:0}.slider{background-color:orange;font-size:1.5rem;width:50px;transition:ease .5s}.slider:hover{background-color:#b37400}.on{background-color:#0ff}.on:hover{background-color:#00b3b3}.grayOut{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;background-color:#63636370}.infoCard{padding:15px;position:fixed;display:flex;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%);width:75vw;height:85vh;background-color:#fff;border-radius:5px;overflow:hidden;animation:fadeInDown 2s -.6s}.infoCard .textContent{overflow-y:scroll}.infoCard h1{font-size:1.5rem;margin:5px 15px;text-align:center}.infoCard h2{font-size:1.25rem;margin:5px 0;font-weight:400;text-align:left}.infoCard h4{font-size:1.1rem;margin:5px 0;font-weight:400;text-align:center;color:#3a3a3a}.infoCard p,.infoCard a{font-size:.9rem;margin:5px 0;font-weight:400;text-align:left;color:#3a3a3a}.detailerText{color:#bebebe}.xButton{position:fixed;top:5px;right:5px;background-color:#fff0;color:#000;font-size:1.5rem}.xButton:hover{background-color:#a9a9a931}.infoButton{position:absolute;top:5px;right:5px;width:50px;height:50px;background-color:#376cff;border-radius:50px;padding:13px 20px;margin:10px;color:#fff;font-size:1.5rem}.infoButton:hover{background-color:#0548ff}h1{font-size:3rem;margin-top:0;margin-bottom:5px}p{font-size:1.25rem;margin:5px 0}a{font-size:1rem;color:#1e90ff}a:active{color:#1e90ff}.prompt{display:flex;flex-direction:column;align-items:center}.weatherImg{width:96px;margin:15px 0}footer{margin-inline-start:0;background-color:#e6e6e6;box-shadow:0 -10px 12px #00000080;padding:5px}footer p,footer a{font-size:1rem;text-align:left;color:#b3b3b3}}@media (max-width: 400px){.card #high label{font-size:1.1rem}.card #low label{font-size:1.05rem}.card #high input{font-size:1.1rem;width:25%}.card #low input{font-size:1.05rem;width:25%}}