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