*{box-sizing:border-box;font-family:Quicksand,sans-serif;margin:0;padding:0}html{font-size:62.5%}.container{align-items:center;color:#fff;display:flex;justify-content:center}.calendar{background-color:#9e7949;box-shadow:0 .5rem 3rem rgba(172,132,81,.4);height:52rem;width:45rem}.month{align-items:center;background-color:#a5712d;display:flex;height:12rem;justify-content:space-between;padding:0 2rem;text-align:center;text-shadow:0 .3rem .5rem rgba(0,0,0,.5);width:100%}.month i{cursor:pointer;font-size:2.5rem}.month h1{font-size:3rem;font-weight:400;letter-spacing:.2rem;margin-bottom:1rem;text-transform:uppercase}.month p{font-size:1.6rem}.weekdays{height:5rem;padding:0 .4rem;width:100%}.weekdays,.weekdays div{align-items:center;display:flex}.weekdays div{font-size:1.5rem;font-weight:400;justify-content:center;letter-spacing:.1rem;text-shadow:0 .3rem .5rem rgba(0,0,0,.5);width:6.31429rem}.days{display:flex;flex-wrap:wrap;padding:.2rem;width:100%}.days div{align-items:center;display:flex;font-size:1.6rem;height:5rem;justify-content:center;margin:.3rem;text-shadow:0 .3rem .5rem rgba(0,0,0,.103);transition:background-color .2s;width:5.74286rem}.days div:hover:not(.today){background-color:#85653c;border:.2rem solid #7a7061;cursor:pointer}.next-date,.prev-date{opacity:.5}.today{background-color:#fadf96}.open{background-color:#568c60}.full{background-color:#691a1a}.few{background-color:#b38314}@media screen and (max-width:600px){.topnav a{float:none;width:100%}}