.logContainer{background:linear-gradient(135deg,#0d6efd,#00feba,#5b548a);overflow:auto;min-height:80vh}.mainHeading{color:#fff;font-weight:900;font-size:3rem}.logInForm{color:#fff;max-width:400px;margin:100px auto;background:linear-gradient(135deg,#0d6efd,#00feba,#5b548a);border-radius:10px;box-shadow:0 0 5px #787878}.weatherDetail{min-height:70vh;overflow:auto;background-image:url(../public/weather-bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.weatherDetail .box{background:linear-gradient(135deg,#0d6efd,#00feba,#5b548a);padding:10px;margin-bottom:15px;box-shadow:0 0 10px #00000069;text-align:center;border-radius:5px}.addBtn{width:100%}header{background-color:#000;color:#fff}.header{padding:10px;display:flex;justify-content:space-between;overflow:auto}.left{display:flex;align-items:baseline}.left h1{color:#fff}.left a{text-decoration:none}.right p,.left p{font-size:1.6rem;margin-left:25px;color:#e60101}@media screen and (max-width:426px){.name,h1{margin:0!important}.right p,.left p{font-size:1.2rem}.left{flex-flow:row wrap}.left p{margin:0}.right h1 img{width:30px}}footer{background-color:#2c2c2c}.socialIcon{display:flex;flex-flow:row wrap;justify-content:center}.icon{font-size:2rem;margin:20px}.cWeather{min-height:70vh;background-image:url(../public/weather-bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.cWeather .box{background:linear-gradient(135deg,#0d6efd,#00feba,#5b548a);padding:10px;margin:20px 0;box-shadow:0 0 10px #00000069;text-align:center;border-radius:10px}