*{box-sizing:border-box}body{font-family:Rubik,sans-serif;margin:0}.App{min-height:100vh}h1,h3{font-weight:400}.container{align-items:flex-start;display:flex;flex-direction:column;height:100;justify-content:flex-start;left:0;padding:2em 3em 4em;position:absolute;top:0;width:100%}.display{align-items:center;display:flex;justify-content:center}.name{font-size:2em}.name,.temp,.unit{color:#fff}.temp{font-size:4em;margin:0}.discrip,.time-date{color:#fff;margin-left:50px}.panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,47%,.25);border:1px solid hsla(0,0%,88%,.18);box-shadow:0 8px 32px 0 rgba(0,0,0,.3);height:660px;padding:3em 2em;position:absolute;right:0;top:0;width:30%;z-index:1}form{margin-bottom:3em}.submit{background-color:#fa6d1b;border:none;color:#fff;cursor:pointer;font-size:1.2em;margin:0;outline:none;padding:1em;position:absolute;right:0;top:0;transition:.4s}.submit:hover{background-color:#fff;color:#000}.form-control{background:none;border:none;border-bottom:1px solid #00204a;color:#fff;font-size:1.1em;padding:0 1em .5em 0;width:80%}.form-control:focus{outline:none}.form-control::-webkit-input-placeholder{color:#00204a}.form-control::placeholder{color:#00204a}.panel ul{border-bottom:1px solid #00204a;margin:2em 0;padding:0 0 1em}.panel ul li{color:#0e2431;font-weight:550;list-style:none;margin:1.5em 0}.discription li{display:flex;justify-content:space-between}.source{color:#7b68ee}.weatherForecast{color:#fff}video{height:100%;object-fit:cover;width:100%}.weatherForecast{color:#0e2431;font-weight:700}.icons{width:30px}.weatherForecastTemp{opacity:.8}
/*# sourceMappingURL=main.c4130913.css.map*/