*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{transition:background-color 1s}a{color:#00e;text-decoration:underline}a:visited{color:#551a8b}a:hover{color:red}.retro-border{border:3px solid #000;border-color:#fff #000 #000 #fff;box-shadow:2px 2px #000}.sidebar{width:160px}.main-content{min-width:0}@media (width<=768px){.app-layout{grid-template-columns:100px 1fr!important}.sidebar{word-wrap:break-word;width:100px;min-width:0;padding:24px 8px;overflow:hidden auto}.sidebar .weather-section{font-size:.75rem;line-height:1.3;margin-top:16px!important;padding-top:12px!important}.sidebar .weather-section img{width:20px!important;height:20px!important}.sidebar .weather-section>div{margin-top:4px!important}.main-content{padding:12px!important}}@media (width<=480px){.app-layout{grid-template-rows:auto 1fr;grid-template-columns:1fr!important}.sidebar{border-bottom:4px solid #000;border-right:none;flex-flow:wrap;align-items:center;gap:16px;width:100%;padding:12px 16px;display:flex;overflow:visible}.sidebar nav{flex-flow:wrap;gap:12px 24px;display:flex}.sidebar nav>div{margin-bottom:0!important}.sidebar .weather-section{border-color:#000 #fff #fff #000;border-top-style:solid;border-top-width:2px;flex-wrap:wrap;order:3;align-items:center;gap:8px 12px;width:100%;display:flex;margin-top:8px!important;padding-top:12px!important}.sidebar .weather-section>div:first-child{width:100%;margin-bottom:0!important}.sidebar .weather-section>div{align-items:center;gap:4px;display:inline-flex;margin-top:0!important}.main-content{border-top:2px solid #000!important;border-left:none!important}}.dracklo-logo{position:relative}