@import url(https://fonts.googleapis.com/css2?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);*{box-sizing:border-box;margin:0;padding:0}:root{--NAV-BGCOLOR-DARK:rgba(30,30,30,.837);--BODY-BGCOLOR-DARK:#1e1e1e;--BODY-BGCOLOR-BLURDARK:rgba(30,30,30,.925);--SEARCHBAR-BGCOLOR-DARK:#d9d9d9;--PURPLE-BLUR:purple;--LOGO-FONT:"Poppins",sans-serif}.left{text-align:left}.center{text-align:center}body{background-color:#1e1e1e;background-color:var(--BODY-BGCOLOR-DARK);color:#fff;font-family:Poppins}nav{background-color:rgba(30,30,30,.837);background-color:var(--NAV-BGCOLOR-DARK);font-family:Poppins,sans-serif;font-family:var(--LOGO-FONT);height:70px;padding:10px;position:fixed;top:0;z-index:1000}.logo,nav{width:100%}.logo-inner-wrapper{display:flex;justify-content:center;padding:5px;width:100%}nav ul{display:none}.logo img{display:block;height:50px;width:50px}.hero{height:200vh;margin-top:80px;padding:10px 10px 0;width:100%}.search-container{align-items:center;background-color:#d9d9d9;background-color:var(--SEARCHBAR-BGCOLOR-DARK);border:1px solid #ccc;border-radius:25px;box-shadow:0 0 10px #0000001a;display:flex;height:min-content;margin:10px auto;padding:5px 10px;position:relative;transition:box-shadow .3s;width:70%}.search-container:hover{box-shadow:0 0 10px #0000004d}.search{background-color:initial;border:none;font-size:20px;outline:none;width:100%}.search::placeholder{color:#524e4e;font-family:Poppins;font-size:20px;font-weight:300}.search-container img{cursor:pointer;height:auto;margin-left:10px;width:20px}.weather-card--container{align-items:center;display:flex;flex-direction:column;height:55%;justify-content:space-between;padding:10px;width:100%}.weather-card{background:linear-gradient(45deg,purple,#1e1e1e);background:linear-gradient(45deg,purple,var(--BODY-BGCOLOR-DARK));border-radius:15px;box-shadow:0 54px 55px #000000a6,0 -12px 30px #00000080,0 4px 6px #0000001f,0 12px 13px #00000078,0 -3px 5px #0003;height:48%;padding:20px;width:90%}.weather-card h1{font-size:1.3em;text-align:center}.city{font-weight:200;margin-top:15px;text-align:center}.city .name{font-size:20px}.city span i{font-size:15px;margin-left:5px}.thermometer{height:40px;margin-right:10px;width:15px}.temp{align-items:center;display:flex;height:50px;justify-content:center}.temp img{display:inline-block}.temp-number{font-size:40px;font-weight:400;height:40px}.summary{margin-top:10px}.today{display:block;margin-top:15px;text-decoration:underline}.small-infos{display:flex;flex-direction:column;height:35%;justify-content:space-evenly;margin:20px auto 0;width:90%}.small-infos div{display:flex;flex-direction:row;justify-content:space-between}.weatherSmallContainers{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);height:35%;margin:50px auto 0;padding:10px;width:90%}.times{background-color:purple;border-radius:25px;box-shadow:0 54px 55px #000000a6,0 -12px 30px #00000080,0 4px 6px #0000001f,0 12px 13px #00000078,0 -3px 5px #0003;position:relative}.times-design{background-color:#1e1e1e;background-color:var(--BODY-BGCOLOR-DARK);border-radius:25px;bottom:-2px;height:60%;position:absolute;width:100%;z-index:4}.times-details span{display:block}.times-details img{display:block;height:40px;margin:0 auto;width:40px}.times-details{display:flex;flex-direction:column;height:80%;justify-content:space-evenly;position:absolute;width:90%;z-index:5}.times-details h6{font-size:17px;font-weight:500;margin-top:10px}footer p a{color:#fff;text-decoration:none}@media screen and (min-width:1195px){nav{align-items:center;display:flex;justify-content:space-evenly}.logo{width:20%}.logo-inner-wrapper{display:flex;padding:0;width:50%}.logo span{font-size:1.7rem}nav ul{display:flex;justify-content:space-evenly;width:50%}nav ul li{font-size:1.5rem;list-style-type:none}.search-container{margin:40px auto;padding:10px 15px;width:510px}.search,.search::placeholder{font-size:30px}.search-container img{width:40px}.error-container,.loading-container{font-family:monospace;font-size:1.5rem;font-style:italic;margin-bottom:20px;text-align:center}.hero{height:90vh;margin-top:50px;padding:20px 20px 0}.weather-card--container{flex-direction:row;height:60%;justify-content:space-evenly}.weather-card{height:100%;padding:20px;width:40%}.card-loading{font-size:3rem;text-align:center}.city{margin-top:10px;text-align:left}.city .name{font-size:30px;font-weight:200}.city span i{font-size:20px;margin-left:5px}.temp{height:70px;margin-top:20px}.thermometer{height:60px;margin-right:20px;width:18px}.temp-number{font-size:70px;font-weight:400;height:70px}.summary{margin-top:10px}.today{margin-top:20px}.small-infos{display:flex;flex-direction:row;height:15%;justify-content:space-evenly;margin:50px auto 0;width:90%}.small-infos div{display:flex;flex-direction:column;justify-content:space-around;text-align:center}.weatherSmallContainers{display:flex;flex-direction:row;height:20%;justify-content:space-evenly;margin:20px auto 0;padding:10px;width:80%}.times{height:90%;width:8%}.weatherSmallContainers:nth-child(7){display:none}footer{margin-top:0}footer p{font-size:1.5rem}}
/*# sourceMappingURL=main.88195315.css.map*/