body,nav a{color:#fff}body,h1{margin:0}body,header,nav{display:flex}.modal,header{z-index:1;top:0;width:100%;left:0}.close,.event,.nav-button{cursor:pointer}.footer1 a,nav a{text-decoration:none}body{font-family:Arial,sans-serif;background-color:#000;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;padding:120px 20px 20px;box-sizing:border-box}.container{width:100%;max-width:1200px;text-align:center}header{padding:20px;background-color:#111;text-align:left;align-items:center;height:30px;position:fixed;box-shadow:#333 0 0 10px}header img{max-width:100%;width:auto;height:80px;margin:0;vertical-align:middle;display:inline-block}nav{justify-content:center;align-items:center;gap:10px;margin-left:20px}nav a{padding:14px 20px;text-transform:uppercase}nav a:hover{background-color:#f60;transition:.3s}h1{font-size:2.5rem;color:khaki}.time,footer p{margin-bottom:10px}.calendar{background-color:#222;padding:10px;border-radius:10px;box-shadow:0 0 15px rgba(255,255,255,.2);width:100%;max-width:90%;margin:0 auto 120px}.day-cell,.nav-button{background-color:#333;color:#fff}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.calendar-header h2{font-size:1.5rem;color:#f39c12;text-align:center}.nav-button{border:none;padding:10px;font-size:1.2rem;transition:background-color .3s}.nav-button:hover{background-color:#555}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;grid-auto-rows:1fr}.day-cell{border-radius:8px;box-shadow:0 0 10px rgba(255,255,255,.1);position:relative;text-align:center;padding:5px;overflow:hidden;display:flex;flex-direction:column;min-height:90%;margin-bottom:auto}.day-number{font-size:.9rem;font-weight:700;margin-bottom:8px}.event{background-color:rgba(255,255,255,.1);padding:3px 6px;border-radius:5px;font-size:clamp(.5rem, 2vw, .85rem);margin-bottom:2px;max-height:clamp(.75rem,2vw,1.4rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event:hover{box-shadow:0 0 10px rgba(255,255,255,.2);transform:scale(1.05);transition:.2s ease-in-out}.modal{display:none;position:fixed;height:100%;background-color:rgba(0,0,0,.8)}.modal-content{background-color:#222;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;text-align:center;border-radius:10px;box-shadow:0 0 15px rgba(255,255,255,.2)}.footer1,footer{background-color:#111;text-align:center;width:100vw}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.footer1,.footer1 a:hover,footer{color:#fff}.close:focus,.close:hover{color:#fff;text-decoration:none;cursor:pointer}.footer1{padding:30px 0;font-size:14px;bottom:0;left:0;right:0;box-shadow:0 -2px 10px rgba(255,255,255,.1)}.footer1 a{color:#ccc;display:block;margin:15px 0}.footer-container1{max-width:1500px;margin:0 auto}footer{padding:10px;clear:both;margin-bottom:0}@media (max-width:768px){.calendar-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.day-cell{max-height:80%}h1{font-size:2rem}.calendar-header h2{font-size:1.3rem}.time{font-size:1rem}}@media (max-width:480px){.calendar-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:5px}.day-cell{min-height:80%}h1{font-size:1.5rem}.calendar-header h2{font-size:1.2rem}.time{font-size:.9rem}}@media (max-width:600px){nav{display:none}}.current-day{box-shadow:0 0 10px #f39c12,0 0 20px #f39c12;background-color:#444}.time{font-size:1.5rem;margin-top:10px;color:#f39c12}