*{margin:0}body{font-family:Lato,sans-serif}.currenttime{margin-top:-35px;margin-left:42px;width:300px;height:10vh}.sunset{margin-top:-25px;margin-left:42px}.calendar{margin-top:10px;color:green}#img{background:url(https://images.pexels.com/photos/2589456/pexels-photo-2589456.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1) no-repeat 50% fixed;filter:contrast(100%);filter:saturate(170%);height:660px;background-size:cover;color:aqua}#inputSearch:focus{outline:none}#div1{padding-top:1%;width:15%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:2%;color:#f5f5f5;display:inline-block}#div1>img{transition:all .2s ease-in-out}#div1>img:hover{transform:scale(1.5)}#div1>h3{transition:all .2s ease-in-out}#div1>h3:hover{transform:scale(1.1)}#div1>span>p{transition:all .2s ease-in-out}#div1>span>p:hover{transform:scale(1.1)}#div1>h1{font-family:Arial;font-weight:bolder;font-size:60px;transition:all .2s ease-in-out}#div1>h1:hover{transform:scale(1.1)}#div1>span>img{height:35px;width:35px}#div1>span>#location{height:30px;width:30px}#div2{display:inline-block;margin-left:60%;vertical-align:top;margin-top:2.5%;width:15%;height:25%;color:#f5f5f5}#humidty>img{height:30px;width:30px;margin-top:10px}#div2_1{transition:all .2s ease-in-out;margin-bottom:10%}#div2_1:hover{transform:scale(1.1)}#humidty1{vertical-align:top;font-size:18px}#div2_1>p,#humidty1{font-weight:bolder;font-family:Arial}#div2_1>p{margin-left:38px;font-size:20px;margin-top:-20px}#div3{margin-top:2%;text-align:center}#div3_1{box-shadow:0 1px 2px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.07),0 4px 8px rgba(0,0,0,.07),0 8px 16px rgba(0,0,0,.07),0 16px 32px rgba(0,0,0,.07),0 32px 64px rgba(0,0,0,.07);display:inline-block;border:none;border-radius:5px;height:140px;width:150px;margin-right:15px;text-align:left;transition:all .2s ease-in-out}#div3_1:hover{transform:scale(1.1)}#div3_1>p:first-child{font-weight:bolder;padding:5px 0 0 10px}#div3_1>h1{padding:10px 0 0 40px;font-family:Arial;font-weight:bolder;font-size:25px}#div3_1>p:nth-child(3){font-size:13px;padding:5px 0 0 25px}#div3_1>p:nth-child(4){text-align:center}#buttonChange{margin-top:.5%;margin-left:1.5%}#buttonChange>button{margin-right:1%;border-radius:10px;padding:10px;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);background-color:transparent;background-repeat:no-repeat;border:none;cursor:pointer;overflow:hidden;outline:none;color:#fff;transition:all .2s ease-in-out}#buttonChange>button:hover{transform:scale(1.1)}#inputSearch{background:url(/img/placeholder.089db7bf.png) no-repeat scroll 7px 7px;padding-left:30px;height:25px;border-radius:25px}#inputButton1,#inputSearch{display:inline-block;color:#fff}#inputButton1{margin-top:10px;margin-bottom:10px;border-radius:10px;padding:10px;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);background-color:transparent;background-repeat:no-repeat;border:none;cursor:pointer;overflow:hidden;outline:none;transition:all .2s ease-in-out}::-moz-placeholder{color:#fff;opacity:1}::placeholder{color:#fff;opacity:1}#inside{margin-left:13%;margin-top:-1.5%;position:absolute}#hovering{transition:all .2s ease-in-out}#hovering:hover{transform:scale(1.5);font-weight:bolder}#hovering>img{transition:all .2s ease-in-out}#hovering:hover>img{transform:scale(1.2)}@media (min-width:350px) and (max-width:500px){body{background-color:red}#div1>h3{font-size:15px}#div1>h1{font-family:Arial;font-weight:bolder;font-size:35px}#div1>span>img,#humidty>img{height:25px;width:25px}#humidty1{vertical-align:top}#div2_1>p,#humidty1{font-weight:bolder;font-family:Arial;font-size:16px}#div2_1>p{margin-left:10%}#div3_1{box-shadow:0 1px 2px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.07),0 4px 8px rgba(0,0,0,.07),0 8px 16px rgba(0,0,0,.07),0 16px 32px rgba(0,0,0,.07),0 32px 64px rgba(0,0,0,.07);display:inline-block;border:none;border-radius:3px;height:110px;width:120px;margin-right:10px;text-align:left;transition:all .2s ease-in-out}#inputSearch{padding-left:15px;display:inline-block;color:#fff;height:20px;border-radius:25px;width:140px}#inside{margin-left:130px;position:absolute;margin-top:-20px}#div2{display:inline-block;margin-left:60%;vertical-align:top;margin-top:5%;width:20%;height:25%;color:#f5f5f5}#hovering{font-size:14px}#img{background:url(https://images.pexels.com/photos/2589456/pexels-photo-2589456.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1) no-repeat 50% fixed;height:830px;background-size:cover;color:aqua}#div3_1>p:first-child{font-weight:bolder;padding:5px 0 0 10px;font-size:13px}#div3_1>h1{padding:10px 0 0 40px;font-family:Arial;font-weight:bolder;font-size:20px}#div3_1>p:nth-child(3){font-size:13px;padding:5px 0 0 25px}#div3_1>p:nth-child(4){text-align:center}#buttonChange{margin-top:3%;margin-left:2%}#buttonChange>button{margin-right:1%;border-radius:10px;padding:10px;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);background-color:transparent;background-repeat:no-repeat;border:none;cursor:pointer;overflow:hidden;outline:none;color:#fff;transition:all .2s ease-in-out}#buttonChange>button:hover{transform:scale(1.1)}}@media (max-width:500px){body{background-color:green}#div1>h3{font-size:15px}#div1>h1{font-family:Arial;font-weight:bolder;font-size:35px}#div1>span>img,#humidty>img{height:25px;width:25px}#humidty1{vertical-align:top}#div2_1>p,#humidty1{font-weight:bolder;font-family:Arial;font-size:16px}#div2_1>p{margin-left:10%}#div3_1{box-shadow:0 1px 2px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.07),0 4px 8px rgba(0,0,0,.07),0 8px 16px rgba(0,0,0,.07),0 16px 32px rgba(0,0,0,.07),0 32px 64px rgba(0,0,0,.07);display:inline-block;border:none;border-radius:3px;height:110px;width:120px;margin-right:10px;text-align:left;transition:all .2s ease-in-out}#inputSearch{padding-left:15px;display:inline-block;color:#fff;height:20px;border-radius:25px;width:140px}#inside{margin-left:130px;position:absolute;margin-top:-20px}#div2{display:inline-block;margin-left:60%;vertical-align:top;margin-top:5%;width:20%;height:25%;color:#f5f5f5}#hovering{font-size:14px}#img{background:url(https://images.pexels.com/photos/2589456/pexels-photo-2589456.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1) no-repeat 50% fixed;height:1200px;background-size:cover;color:aqua}#div3_1>p:first-child{font-weight:bolder;padding:5px 0 0 10px;font-size:13px}#div3_1>h1{padding:10px 0 0 40px;font-family:Arial;font-weight:bolder;font-size:20px}#div3_1>p:nth-child(3){font-size:13px;padding:5px 0 0 25px}#div3_1>p:nth-child(4){text-align:center}#buttonChange{margin-top:3%;margin-left:2%}#buttonChange>button{margin-right:1%;border-radius:10px;padding:10px;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);background-color:transparent;background-repeat:no-repeat;border:none;cursor:pointer;overflow:hidden;outline:none;color:#fff;transition:all .2s ease-in-out}#buttonChange>button:hover{transform:scale(1.1)}}@media (min-width:501px) and (max-width:1200px){#img{height:1000px}#inside{position:absolute;margin-left:180px;margin-top:-20px}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}