.a{text-decoration:none!important}.outside-container{display:flex;height:100%;padding:0 10px;align-items:center;justify-content:center;flex:1}.calendar-container{background:#fff;width:75%;height:50%;border-radius:10px;box-shadow:0 15px 40px rgba(0,0,0,.12);display:flex;flex-direction:column}.calendar-container header{display:flex;align-items:center;padding:25px 30px 10px;justify-content:space-between}header .calendar-navigation{display:flex}header .calendar-navigation span{height:38px;width:38px;margin:0 1px;cursor:pointer;text-align:center;line-height:38px;border-radius:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#aeabab;font-size:1.9rem}.calendar-navigation span:last-child{margin-right:-10px}header .calendar-navigation span:hover{background:#f2f2f2}header .calendar-current-date{font-weight:500;font-size:1.45rem}.calendar-body{padding:20px;flex-grow:1;display:flex;flex-direction:column}.calendar-body ul{list-style:none;flex-wrap:wrap;display:flex;text-align:center}.calendar-body .calendar-dates{margin-bottom:20px;flex-grow:1}.calendar-body li{width:calc(100% / 7);font-size:1.07rem;color:#414141}.calendar-body .calendar-weekdays li{cursor:default;font-weight:500}.calendar-body .calendar-dates li{position:relative;z-index:1;cursor:pointer;padding-top:2rem}.calendar-dates li.inactive{color:#aaa;display:flex;justify-content:center;align-items:center}.calendar-dates li.active{color:#fff}.calendar-dates li:before{position:absolute;content:"";z-index:-1;border-radius:50%;top:4rem;left:50%;height:4rem;width:4rem;transform:translate(-50%,-50%)}.not-visible-difficulty-container{visibility:hidden}.calendar-dates li.active:before{background:#6332c5}.no-puzzle-container{flex-direction:column}.no-puzzle,.no-puzzle-container{display:flex;justify-content:center;align-items:center}.no-puzzle{cursor:not-allowed!important;background:none;border:none}.calendar-dates li:not(.active):hover:before{background:#e4e1e1}.easy{border:.2rem solid green}.medium{border:.2rem solid orange}.hard{border:.2rem solid red}.difficulty-container{display:flex;justify-content:center}.modal-opener{border:none;background:none;cursor:pointer;margin:0;padding:0;width:4rem;height:3rem;border-radius:50%}.modal-opener:focus{outline:0}.modal-body-diff-container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:1vh}.main-content{display:flex;padding:20px 0}body{font-family:Arial,Helvetica,sans-serif}.modal{display:none;position:fixed;z-index:2;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border-radius:1rem;width:60vw;max-width:80%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-animation-name:animate;-webkit-animation-duration:.4s;animation-name:animate;animation-duration:.4s}#myModal{display:flex}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.close{color:#fff;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.modal-header{background-color:#333;color:#fff}.modal-body,.modal-footer{padding:2px 16px}.modal-footer{background-color:#333;color:#fff}.modal-difficulty{padding:.5rem;color:grey;min-width:40%}.modal-easy{background-color:#bef1be;border:.15rem solid green}.modal-medium{background-color:#f8e5bd;border:.15rem solid orange}.modal-hard{background-color:#f2b5b5;border:.15rem solid red}.modal-title{display:flex;align-items:center;justify-content:center;font-size:x-large;padding-Top:1rem}