*{box-sizing:border-box}body{margin:0;background:no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:#fff;font-family:Arial,Helvetica,sans-serif;text-shadow:0px 0px 20px #242424;font-size:1.4rem}main{padding:15px;height:100vh;display:flex;flex-direction:column;justify-content:space-between}div.top,#author{margin:12px 20px 20px}div.top{display:flex;justify-content:space-between}h1.time{text-align:center;font-size:5rem;margin-top:-40px}#crypto{display:flex;flex-direction:column;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:15px;border-radius:10px;max-width:250px}#crypto-data{margin-bottom:10px}.crypto-info{display:flex;align-items:center;margin-bottom:10px}.crypto-info>span{margin-left:10px;font-weight:700}#crypto-data>p{margin:5px 0;font-size:.95rem}#crypto-selector{margin-top:10px;text-align:center}#crypto-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:5px;color:#fff;padding:8px 12px;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:100%;max-width:200px;transition:all .3s ease}#crypto-select:hover{background:#ffffff26;border-color:#ffffff80}#crypto-select:focus{outline:none;border-color:#ffffffb3;background:#fff3;box-shadow:0 0 0 2px #ffffff1a}#crypto-select option{background:#1e1e28f2;color:#fff;padding:8px}#quote{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:15px 25px;border-radius:15px;max-width:80%;text-align:center;box-shadow:0 4px 15px #0003;transition:all .3s ease}#quote:hover{background:#0009;transform:translate(-50%) scale(1.02)}#quote-text{font-style:italic;margin:0 0 8px;font-size:1.1rem;line-height:1.4}#quote-author{font-weight:600;font-size:.95rem;opacity:.9;color:#e0e0e0}div#weather{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;align-self:flex-start;margin-top:-20px}div#weather>img{width:70px;margin-right:10px}p.weather-city{width:100%;text-align:right;margin:-10px 0 0}p.weather-temp{font-size:1.7rem;margin:0 0 0 -10px}