@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans&family=Raleway:wght@100&display=swap);.icon-class{-webkit-animation:rotate 6s linear infinite;animation:rotate 6s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;height:40%;margin-right:35%;margin-top:2%;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .7s ease;transition:transform .7s ease;transition:transform .7s ease,-webkit-transform .7s ease;width:40%}.icon-class:hover{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;-webkit-transform:scale(1.2);transform:scale(1.2)}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.icon-class-2{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation:moveUpAndDown 4s ease-in-out infinite;animation:moveUpAndDown 4s ease-in-out infinite;height:40%;margin-right:35%;margin-top:2%;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .7s ease;transition:transform .7s ease;transition:transform .7s ease,-webkit-transform .7s ease;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:40%}.weather-display-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(253,8%,44%,.3);border-radius:20px;height:30vw;margin-left:58%;margin-top:5%;padding:3em;text-align:center;width:30vw}.date-text,.weather-display-container{-webkit-animation:moveLeft 10s linear infinite;animation:moveLeft 10s linear infinite;box-shadow:20px 20px 40px -6px rgba(0,0,0,.2);font-family:Josefin Sans,sans-serif;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.date-text{background-color:hsla(254,8%,49%,.3);border-radius:10px;color:#dfd7d7;display:flex;flex-direction:column;font-size:x-large;height:5vw;justify-content:center;margin-right:70%;-webkit-transform:scale(1);transform:scale(1);width:21vw}.date-text:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.icon-container{position:absolute}.weather-theme{position:relative}.text-container{display:flex;flex-direction:column;margin-right:400px;margin-top:0}.weather-description-box{-webkit-animation:moveRight 10s linear infinite;animation:moveRight 10s linear infinite;background-color:hsla(254,8%,49%,.3);border-radius:10px;box-shadow:20px 20px 40px -6px rgba(0,0,0,.7);color:#dfd7d7;display:flex;flex-direction:column;float:right;font-family:Josefin Sans,sans-serif;font-size:large;font-size:20px;height:3vw;justify-content:center;position:relative;right:-10px;top:-5px;-webkit-transform:scale(1);transform:scale(1);transition:font-size 1s ease,-webkit-transform 2s ease-in-out;transition:transform 2s ease-in-out,font-size 1s ease;transition:transform 2s ease-in-out,font-size 1s ease,-webkit-transform 2s ease-in-out;width:13vw}.weather-description-box:hover{font-size:xx-large;-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes moveRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(10%);transform:translateX(10%)}20%{-webkit-transform:translateX(10%);transform:translateX(10%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(10%);transform:translateX(10%)}20%{-webkit-transform:translateX(10%);transform:translateX(10%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.location-box{-webkit-animation:moveLeft 10s linear infinite;animation:moveLeft 10s linear infinite;background-color:hsla(254,8%,49%,.3);border-radius:10px;box-shadow:20px 20px 40px -6px rgba(0,0,0,.6);color:#fff;color:#dfd7d7;display:flex;flex-direction:column;float:right;font-family:Josefin Sans,sans-serif;font-size:large;font-size:20px;height:3vw;justify-content:center;position:relative;right:-10px;top:-10px;transition:font-size 1s ease,-webkit-transform 2s ease-in-out;transition:transform 2s ease-in-out,font-size 1s ease;transition:transform 2s ease-in-out,font-size 1s ease,-webkit-transform 2s ease-in-out;width:10vw}.location-box,.location-box:hover{-webkit-transform:scale(1);transform:scale(1)}.location-box:hover{font-size:25px}@-webkit-keyframes moveLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-20%);transform:translateX(-20%)}20%{-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-20%);transform:translateX(-20%)}20%{-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.temperature-box{-webkit-animation:moveRight 10s linear infinite;animation:moveRight 10s linear infinite;border-radius:15px;box-shadow:20px 20px 40px -6px rgba(0,0,0,.4);font-size:5rem;height:12vw;margin-bottom:20px;margin-left:20px;margin-top:20px;right:-3rem;top:-29rem;width:20vw}.min-max-temperature-box,.temperature-box{color:#dfd7d7;display:flex;flex-direction:column;float:right;font-family:Josefin Sans,sans-serif;justify-content:center;position:relative}.min-max-temperature-box{-webkit-animation:moveLeft 10s linear infinite;animation:moveLeft 10s linear infinite;border-radius:10px;box-shadow:20px 20px 40px -6px rgba(0,0,0,.5);font-size:1.4rem;height:15rem;margin-top:-45px;right:-1rem;top:-27.5rem;width:15rem}.max-temp-icon,.min-temp-icon{height:4rem;position:relative;top:1.5rem;width:4rem}.time-class{-webkit-animation:moveRight 8s linear infinite;animation:moveRight 8s linear infinite;background-color:hsla(254,8%,49%,.3);border-radius:10px;box-shadow:20px 20px 40px -6px rgba(0,0,0,.2);color:#fff;color:#dfd7d7;display:flex;flex-direction:column;float:right;font-family:Josefin Sans,sans-serif;font-size:x-large;font-size:20px;height:5vw;justify-content:center;position:relative;top:-140px;-webkit-transform:scale(1);transform:scale(1);transition:font-size .5s ease,-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out,font-size .5s ease;transition:transform .5s ease-in-out,font-size .5s ease,-webkit-transform .5s ease-in-out;width:7vw}.time-class:hover{font-size:xx-large;-webkit-transform:scale(1.2);transform:scale(1.2)}body{background:linear-gradient(45deg,#1b1528,rgba(18,24,56,.725));font-family:Josefin Sans,sans-serif;height:100vh}.container{display:flex;justify-content:center;left:25%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}form{-webkit-animation:moveUpAndDown 15s ease-in-out infinite;animation:moveUpAndDown 15s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(256,9%,43%,.3);border-left:1px solid hsla(256,9%,43%,.3);border-radius:20px;border-top:1px solid hsla(256,9%,43%,.3);box-shadow:20px 20px 40px -6px rgba(0,0,0,.2);height:300px;padding:3em;text-align:center;transition:all .2s ease-in-out;width:400px}form,form p{position:relative;top:-10px}form p{color:#dfd7d7;font-size:2rem;font-weight:1000;margin-bottom:60px;margin-top:0;opacity:.7;text-shadow:2px 2px 4px rgba(0,0,0,.2)}form a{color:#140c0c;font-size:10px;text-decoration:none}form a:hover{text-shadow:2px 2px 6px rgba(0,0,0,.251)}form a:active{text-shadow:none}form input{-webkit-animation:moveUpAndDown 30s ease-in-out infinite;animation:moveUpAndDown 30s ease-in-out infinite;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:transparent;border:1px solid hsla(256,9%,43%,.3);border-bottom:none;border-radius:20px;border-right:none;box-shadow:4px 4px 60px rgba(0,0,0,.2);color:#e2e2e2;font-family:Josefin Sans,sans-serif;font-size:20px;font-weight:500;height:20px;margin:auto;padding:1em;position:relative;text-shadow:2px 2px 4px rgba(0,0,0,.4);top:-10px;transition:all .2s ease-in-out;width:300px}form input:hover,form input[type=email]:focus,form input[type=password]:focus{background:hsla(0,0%,100%,.1);box-shadow:4px 4px 60px 8px rgba(0,0,0,.2)}form input[type=button]{font-size:1rem;margin-top:20px;width:150px}form input[type=button]:hover{cursor:pointer}form input[type=button]:active{background:hsla(0,0%,100%,.2)}form:hover{margin:40px}::-webkit-input-placeholder{color:#c7c4c4;font-size:medium;font-weight:400;text-shadow:1px 3px 4px #000}::placeholder{color:#c7c4c4;font-size:medium;font-weight:400;text-shadow:1px 3px 4px #000}.drop{-webkit-animation:moveUpAndDown 4s ease-in-out infinite;animation:moveUpAndDown 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(256,9%,43%,.3);border-left:1px solid hsla(256,9%,43%,.3);border-radius:10px;border-top:1px solid hsla(256,9%,43%,.3);box-shadow:10px 10px 60px -8px rgba(0,0,0,.2);position:absolute;transition:all 1s ease}.drop-1{left:-40px;top:-80px;z-index:-1}.drop-1,.drop-2{height:80px;width:80px}.drop-2{bottom:-30px;right:-10px}.drop-3{bottom:120px;height:100px;right:-50px;width:100px;z-index:-1}.drop-4{height:120px;right:-60px;top:-60px;width:120px}.drop-5{bottom:170px;height:60px;left:90px;width:60px;z-index:-1}.drop-6{height:100px;left:200px;top:-150px;width:90px;z-index:-1}.drop-7{height:70px;right:-80px;top:10px;width:70px}.drop-8{bottom:-78px;height:110px;left:-30px;width:110px;z-index:-1}.drop-9{height:130px;left:-80px;top:40px;width:130px}.drop-10{bottom:-20px;height:160px;right:80px;width:120px;z-index:-1}@-webkit-keyframes moveUpAndDown{0%{-webkit-transform:translateY(30px);transform:translateY(30px)}50%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{-webkit-transform:translateY(30px);transform:translateY(30px)}}@keyframes moveUpAndDown{0%{-webkit-transform:translateY(30px);transform:translateY(30px)}50%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{-webkit-transform:translateY(30px);transform:translateY(30px)}}a,button:focus,input:focus,select:focus,textarea:focus{outline:none}.bn632-hover{background-size:300% 100%;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:25px;font-weight:600;height:55px;margin:20px;position:relative;text-align:center;top:10px;-webkit-transform:scale(1);transform:scale(1);transition:all .4s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:160px}.bn632-hover:hover{background-position:100% 0;-webkit-transform:scale(1.2);transform:scale(1.2);transition:all .4s ease-in-out}.bn632-hover:focus{outline:none}.bn632-hover.bn20{background-image:linear-gradient(90deg,#acacc6,#1c0a45,#615774,#361d63);box-shadow:10px 4px 25px rgba(58,54,64,.75);opacity:.5}
/*# sourceMappingURL=main.598a12e6.css.map*/