@import"https://fonts.googleapis.com/css2?family=Bitcount+Single+Ink:wght@100..900&family=Cabin+Sketch:wght@400;700&family=Dancing+Script:wght@400..700&family=Great+Vibes&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Rubik:ital,wght@0,300..900;1,300..900&family=Snippet&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";body{background-image:url(/assets/background-BlHrn0nJ.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;margin:0;height:100vh}.clock{display:flex;align-items:center;justify-content:center;flex-direction:column-reverse}.time{font-family:Cabin Sketch,sans-serif;font-size:5em;font-weight:700;color:#f099a8;text-shadow:0 0 5px #FFF,0 0 10px #FFF,0 0 15px #FFF,0 0 20px #ec6fe1,0 0 30px #ec6fe1,0 0 40px #ec6fe1,0 0 55px #ec6fe1,0 0 75px #ec6fe1}.date{font-family:Great Vibes,cursive;color:#e994a2;font-size:2.5em;text-shadow:2px 0 0px #cc3399,3px 2px 0px rgba(153,51,102,.5),3px 0 3px #ff66b2,5px 0 3px #b30059,6px 2px 3px rgba(128,0,64,.5),6px 0 9px #ff80d5,8px 0 9px #a64ca6,9px 2px 9px rgba(102,51,102,.5),9px 0 18px #d580ff,11px 0 18px #804d99,12px 2px 18px rgba(109,90,128,.5),12px 0 30px #c299ff,14px 0 30px #664d99,15px 2px 30px rgba(57,47,68,.5),15px 0 45px #ff99e6,17px 0 45px #cc66cc,17px 2px 45px rgba(100,54,100,.5)}@media (max-width: 550px){.clock{font-size:.75em}}*{font-family:Poppins,sans-serif}.weather{display:flex;align-items:center;gap:50px;width:450px;justify-content:center;border-radius:20px;background:#1a63eb;background:-webkit-linear-gradient(0deg,rgba(26,99,235,.75) 0%,rgba(45,132,253,.5) 100%);background:-moz-linear-gradient(0deg,rgba(26,99,235,.75) 0%,rgba(45,132,253,.5) 100%);background:linear-gradient(0deg,#1a63ebbf,#2d84fd80);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1A63EB",endColorstr="#2D84FD",GradientType=0);color:#ebebebcc;position:relative}.weather-logo img{width:100px;height:100px}.weather-info{font-size:.78em}.more-icon{position:absolute;top:7.5px;right:7.5px;cursor:pointer}.more-icon .change-city{visibility:hidden}.more-icon:hover .change-city{visibility:visible}.change-city{position:absolute;background:#5f91ef;display:flex;flex-direction:column;padding:20px;border-radius:20px;top:20px;right:6.9px;gap:5px}.change-city label{font-weight:700;padding:.8%}.change-city input{background:#1a63eb;background:-webkit-linear-gradient(0deg,rgba(26,99,235,.75) 0%,rgba(45,132,253,.5) 100%);background:-moz-linear-gradient(0deg,rgba(26,99,235,.75) 0%,rgba(45,132,253,.5) 100%);background:linear-gradient(0deg,#1a63ebbf,#2d84fd80);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1A63EB",endColorstr="#2D84FD",GradientType=0);border:none;border-radius:5px;padding:7.5px}.change-city input:focus{outline:none}.change-city button{background-color:#1a63eb;padding:3px;border-radius:7.5px;border:none;cursor:pointer}.change-city button:hover{opacity:.88}.change-city button:active{opacity:.78}.more-icon span:hover{opacity:.8}.more-icon span:active{opacity:.65}@media (max-height: 500px){.weather{display:none}}@media (max-width: 550px){.weather{flex-direction:column;width:230px;gap:30px;font-size:.75em}}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:5.5%;gap:35vh}@media (max-height: 650px){.app{gap:23.5vh}}@media (max-width: 550px){.app{gap:20.5vh}}