@import url(https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Condensed:wght@700&display=swap);#user_container[data-v-f6c3bbc8]{position:relative;width:100%;height:25%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}#textinput_container[data-v-f6c3bbc8]{position:relative;height:50%;width:100%;display:flex;justify-content:center;align-items:center}#img_text[data-v-f6c3bbc8]{background:linear-gradient(0deg,#156cdd,#22b4f7);width:40%;height:40%;border-radius:100px;border:1px solid #00b7ff;display:flex;align-items:center}#text_input[data-v-f6c3bbc8]{font-size:20px;text-align:center;background:inherit;border:none;outline:none;position:relative;width:72%;height:100%;padding:0 0 0 10%;border-top-left-radius:200px;border-bottom-left-radius:200px;color:hsla(0,0%,100%,.85)}#text_input[data-v-f6c3bbc8]::-moz-placeholder{color:#fff;opacity:.75}#text_input[data-v-f6c3bbc8]:-ms-input-placeholder{color:#fff;opacity:.75}#text_input[data-v-f6c3bbc8]::placeholder{color:#fff;opacity:.75}#zip_image[data-v-f6c3bbc8]{width:23%;margin-right:5%;filter:brightness(1%)}#zip_image[data-v-f6c3bbc8]:hover{cursor:pointer;filter:brightness(0) invert(100%)}#btn_container[data-v-f6c3bbc8]{display:flex;width:100%;height:50%;justify-content:center;align-items:start}.btn[data-v-f6c3bbc8]{padding-left:5px;position:relative;border-radius:50%;aspect-ratio:1/1;height:50px;margin:0 10% 0 10%;border:none;cursor:pointer;color:#12b8e2;display:flex;justify-content:center;align-items:center;font-size:20px;transition:all .3s ease;border:1px solid #12b8e2}#btn_c[data-v-f6c3bbc8]{background:transparent}#btn_f[data-v-f6c3bbc8]{background:linear-gradient(25deg,#12b8e2,#1068db);color:#000}#home_bar[data-v-f6c3bbc8]{position:absolute;width:35%;height:7px;border-radius:10px;background:hsla(0,0%,100%,.5);bottom:0;left:32.5%;margin-bottom:8px;transition:all .3s ease}#home_bar[data-v-f6c3bbc8]:hover{background:hsla(0,0%,100%,.9);margin-bottom:15px}#weather_dispaly{position:relative;widows:100%;height:75%;border-radius:19%/11.7%;background:linear-gradient(15deg,#1070f7,#12d0ff);box-shadow:inset 0 0 5px 1px rgba(99,219,255,.7),0 -10px 10px rgba(27,171,255,.3),10px 0 10px rgba(27,171,255,.3),-10px 0 10px rgba(27,171,255,.3);-webkit-animation:backgroundMove 7s linear infinite;animation:backgroundMove 7s linear infinite;background-size:200% 200%;transform-style:preserve-3d}@-webkit-keyframes backgroundMove{0%{background-position:100% 100%}20%{background-position:100% 0}50%{background-position:0 0}to{background-position:100% 100%}}@keyframes backgroundMove{0%{background-position:100% 100%}20%{background-position:100% 0}50%{background-position:0 0}to{background-position:100% 100%}}@-webkit-keyframes snow{0%{background-position:0 100%}to{background-position:100% 0}}@keyframes snow{0%{background-position:0 100%}to{background-position:100% 0}}#phone_front{transition:.5s ease;position:relative;height:100%;width:100%;border-radius:20%/10%;border:10px solid #000;overflow:visible;background:#051838;box-shadow:0 0 100px hsla(0,0%,100%,.3),inset 0 0 10px rgba(9,47,112,.5),0 0 0 2px #51657a,0 0 0 3px #e1e5e8,0 0 0 4px #67748e,0 0 0 5px #bfc4c7}#notification_container{position:absolute;top:5%;left:0;width:100%;height:8%;display:flex;justify-content:center;align-items:center;transition:.5s ease;opacity:0;margin-top:-60px}#notification_text{font-family:Roboto,sans-serif;font-weight:300;font-size:15px;text-shadow:1px 1px 2px rgba(61,61,61,.5)}#notification_logo{height:50%;background-color:hsla(0,0%,100%,.808);border-radius:10%;position:relative;margin-left:5%;margin-right:5%}#notification{position:relative;width:80%;height:100%;border-radius:7%/32%;z-index:3;justify-content:left}#notification,#weather_body{display:flex;align-items:center}#weather_body{flex-direction:column;justify-content:center;width:100%;height:86.5%}#body_image_container{width:100%;height:45%;display:flex;justify-content:center;align-items:center;position:relative}#body_image{height:100%;transform:scale(.75);display:block;filter:drop-shadow(10px 10px 30px rgba(0,0,0,.35))}#degree{width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 3px #c1dae7}#body_temp{color:#fff;font-family:Roboto Condensed,serif;font-weight:700;font-size:140px;width:100%;height:25%;margin:0;padding:0;text-align:center;line-height:75%;display:flex;justify-content:center;align-items:start;text-shadow:0 0 50px rgba(0,0,0,.172)}#body_weathertype{height:7%;font-size:25px;color:#fff;text-shadow:0 0 50px rgba(0,0,0,.192)}#body_date,#body_weathertype{font-family:Roboto,sans-serif;font-weight:300}#body_date{height:3%;font-size:12px;color:hsla(0,0%,100%,.6);text-shadow:0 0 50px rgba(0,0,0,.142)}#body_multidata{height:20%;width:100%;position:relative;display:flex;justify-content:space-evenly;align-items:center;text-shadow:0 0 50px rgba(0,0,0,.192)}#body_multidata:after{content:"";position:absolute;top:20%;left:15%;width:70%;border-radius:5px;height:2px;background-color:hsla(0,0%,100%,.15)}.multidata_title{color:#fff;font-size:15px}.multidata_info,.multidata_title{font-family:Roboto,sans-serif;font-weight:300;text-align:center}.multidata_info{font-size:12px;color:hsla(0,0%,100%,.6)}#weather_dispaly:after{content:"";transform:translateZ(-1px);position:absolute;bottom:-2%;left:17.5%;width:65%;height:10%;background:rgba(16,155,247,.3);box-shadow:0 0 15px rgba(16,155,247,.85),inset 0 0 15px rgba(85,178,240,.7);border-radius:20px}#camera_lip{z-index:4;width:40%;height:6%;position:absolute;top:-1.5%;left:30%;background:#000;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:inset 0 -10px 15px rgba(27,171,255,.35)}#weather_header{width:100%;height:13%;display:flex;justify-content:space-evenly;align-items:end;position:relative}#status_color{width:5px;height:5px;background-color:red;border-radius:50%;margin-right:5px}.latlong{border-radius:50px;border:1px solid hsla(0,0%,100%,.7);padding:2px 8px}#weather_header1{position:relative;width:40%;display:flex;flex-direction:column;justify-content:center;align-items:start;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;font-size:.8em;padding-left:10%}#weather_header2{width:100%;position:relative;display:flex;justify-content:start;align-items:center}#weather_header3{position:absolute;right:0;flex-direction:column;cursor:pointer;width:10%;display:flex;justify-content:center;align-items:start}#header_city{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;font-size:1.4em}#header_img{position:relative;min-width:10%;max-width:10%;filter:brightness(0) invert(100%)}#weather_header3>div{width:4px;height:4px;background:#fff;margin:2px;border-radius:50%}#phone_container{perspective:100%;transform-style:preserve-3d;position:relative;height:80vh;aspect-ratio:.5;transition:.5s ease;transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}#phone_back{transform:translateZ(-25px);border-radius:20%/10%;border:10px solid #000;box-shadow:0 0 0 2px #51657a,0 0 0 3px #e1e5e8,0 0 0 4px #67748e,0 0 0 5px #bfc4c7;background:linear-gradient(0deg,#8ca1b5,#b7d5ef)}#phone_back,#phone_back:after{position:absolute;height:100%;width:100%}#phone_back:after{content:"";transform:translateZ(300px)}#phone_right{background-color:#67748e;background:linear-gradient(-130deg,#636364 30%,#a4adb8 40%,#b2c1ce 50%,#67748e 60%);left:calc(100% + 12px)}#phone_left,#phone_right{height:85%;width:24px;transform:translateZ(-12.5px) rotateY(90deg);position:absolute;top:9%}#phone_left{background-color:#67748e;background:linear-gradient(-130deg,#666669 30%,#aabccc 40%,#b1bbc7 50%,#67748e 60%);left:-12px}#phone_top{background-color:#67748e;background:linear-gradient(130deg,#5c5c5e 30%,#a8b3c5 40%,#adc3cf 50%,#67748e 60%);top:-15px}#phone_bottom,#phone_top{height:24px;width:70%;transform:translateZ(-12.5px) rotateX(90deg);position:absolute;left:17%}#phone_bottom{background-color:#67748e;background:linear-gradient(130deg,#676769 30%,#9497a1 40%,#939aa3 50%,#67748e 60%);bottom:-33px}#bottom_left{background-color:#67748e;background:linear-gradient(130deg,#676769,#67748e);transform:translateZ(-12.5px) rotate(45deg) rotateX(90deg);left:-14px}#bottom_left,#bottom_right{content:"";height:24px;width:95px;display:inline-block;position:absolute;bottom:0}#bottom_right{background-color:#67748e;background:linear-gradient(45deg,#676769,#67748e);transform:translateZ(-12.5px) rotate(-45deg) rotateX(90deg);right:-30px}#top_left{background-color:#67748e;background:linear-gradient(45deg,#676769,#67748e);transform:translateZ(-12.5px) rotate(-45deg) rotateX(90deg);left:-14px}#top_left,#top_right{content:"";height:24px;width:95px;display:inline-block;position:absolute;top:20px}#top_right{background-color:#67748e;background:linear-gradient(0deg,#676769,#67748e);transform:translateZ(-12.5px) rotate(45deg) rotateX(90deg);right:-30px}#rotate_controls{display:flex;flex-direction:column;position:absolute;height:10%;justify-content:space-around;top:0;right:0;padding:10px;font-family:Segoe UI,sans-serif}*{margin:0;padding:0}body,html{width:100%;height:100%}body{overflow:hidden;background:linear-gradient(135deg,#4f63fe,#3b9fcc,#05449e)}#app{width:100%;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;display:flex;align-items:center;justify-content:center;perspective:1200px}*{font-size:1em}#temp{font-family:Roboto Condensed,serif;font-weight:700}#other{font-family:Roboto,sans-serif;font-weight:300}