@font-face{font-family:paragraph;src:url(/static/fonts/IBMPlexSans-Light.ttf) format("truetype")}@font-face{font-family:subtitle;src:url(/static/fonts/IBMPlexSans-SemiBold.ttf) format("truetype")}@font-face{font-family:title;src:url(/static/fonts/IBMPlexSans-Bold.ttf) format("truetype")}p{font-family:paragraph,sans-serif}h1{font-family:title,sans-serif;font-size:3.5rem}h2,h3,h4{font-family:subtitle,sans-serif}*{position:relative;box-sizing:border-box;padding:0;margin:0}body,html{color:var(--text-color);background:linear-gradient(-35deg,#500d6d,#170238);background-attachment:fixed;width:100%;min-height:100dvh;overflow-x:hidden;box-shadow:inset 0 0 300px 50px #000}body{-ms-overflow-style:none}body::-webkit-scrollbar{display:none}input{outline:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;font-family:paragraph,sans-serif}input:is(:-webkit-autofill,:-moz-placeholder){background-color:transparent!important;color:inherit!important;border:none!important;box-shadow:none!important}input:is(:-webkit-autofill,:autofill,:-moz-placeholder){background-color:transparent!important;color:inherit!important;border:none!important;box-shadow:none!important}button{background-color:transparent;border:0 solid transparent;cursor:pointer;transition:all .15s;color:#fff}button:hover{transform:scale(108%);transition:all .15s}.title-container{color:#fff;margin:2rem 0}.title-container .colored{background:linear-gradient(to top left,blue,#0059ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.search-bar-container{width:100%;display:flex;justify-content:center;filter:drop-shadow(0 0 10px rgba(38,43,82,.2));margin-bottom:3rem;animation:fadeIn .5s}.search-bar-container .search-bar,.search-bar-container .search-button{box-shadow:0 0 10px 0 var(--shadow-color-1)}.search-bar-container .search-bar{background:linear-gradient(270deg,#e6f1ff,#c2cfe0);border-radius:50px 0 0 50px;box-shadow:inset 0 0 0 1px var(--border-color-1);display:flex;width:100%;max-width:20rem;transition:all .15s;font-size:1.25rem;padding:.5rem 1.5rem;height:2.5rem}.search-bar-container .search-bar:focus,.search-bar-container .search-bar:hover{box-shadow:0 0 10px 0 rgba(38,43,82,.2),inset 0 0 0 2px rgba(79,96,119,.8)}.search-bar-container .search-button{background:linear-gradient(130deg,rgba(31,36,41,.8),rgba(0,0,0,.8));font-size:1.2rem;display:flex;border-radius:0 50px 50px 0;padding:.5rem 1rem}.search-bar-container .search-button:hover p{transform:scale(105%);transition:all .2s}.search-bar-container .search-button:active{background:linear-gradient(-45deg,navy,blue);transition:background-color .1s;color:#dedcee}.weather-page{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;gap:2rem;padding:5rem 1rem}.weather-card{background:linear-gradient(-45deg,blue,#00aeff);animation:fadeIn .8s ease-in;border-radius:1rem;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem 0;gap:1rem 0;padding:1rem;min-width:320px;width:100%;max-width:480px;color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);text-shadow:0 0 10px rgba(0,0,0,.2)}.weather-card#clouds{background:linear-gradient(-45deg,#5e668f,#a7b2d3)}.weather-card#drizzle,.weather-card#rain{background:linear-gradient(-45deg,#3f4563,#7484b1)}.weather-card#thunderstorm{background:linear-gradient(-45deg,#112b52,#162569)}.weather-card#snow{background:linear-gradient(-45deg,#4a4de7,#a6b5f7)}.weather-card#mist{background:linear-gradient(-45deg,#8f1c1c,#4a547e,#25293a)}.weather-card#haze{background:linear-gradient(-45deg,#ffae00,#fff4dc)}.weather-card.night{background:linear-gradient(180deg,#0a182c,#091864)}.weather-card>*{flex-direction:column;padding:1rem 0}.weather-card .weather-icon,.weather-card>*{display:flex;justify-content:center;align-items:center}.weather-card .weather-icon{font-size:10rem;filter:drop-shadow(0 0 10px rgba(0,0,0,.2))}.weather-card .humidity-container,.weather-card .wind-container{flex-direction:row;align-items:center;gap:.2rem}.weather-card .humidity-container .icon-container,.weather-card .wind-container .icon-container{padding-top:1rem;font-size:2.5rem}.weather-card .humidity-container .text-container,.weather-card .wind-container .text-container{justify-content:space-between}.weather-card .wind-container{gap:.5rem}.weather-card .wind-container .icon-container{padding-top:1rem;font-size:3rem}.weather-card .info-container,.weather-card .weather-container{grid-column:span 2}.weather-card .temp-container{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:1rem}.weather-card #direction-arrow{font-size:1rem;transform:rotate(var(--wind-direction));filter:drop-shadow(0 0 5px rgba(0,0,0,.2));margin-left:.35rem}.weather-card #location h3{display:flex;gap:.5rem}.loading-icon-container,.no-results-container{color:#fff;height:60vh;display:flex;align-items:center}.loading-icon-container{font-size:5rem}.loading-icon-container #loading-icon{animation:spinClockwise 1s linear infinite}.no-results-container{font-size:3rem}@keyframes fadeIn{0%{opacity:0}to{opacity:100%}}@keyframes spinClockwise{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}