.about .card{max-width:70%;width:70%}h4{font-weight:500}#calendar{display:flex;position:relative}#calendar #days{align-items:center;display:flex;flex-wrap:wrap;height:500px;margin:80px 50px 2px;padding:0;width:100%}#calendar #days .day{background-position:50%;background-repeat:no-repeat;background-size:cover;border-right:1px solid #ddd;box-sizing:border-box;display:inline-block;height:250px;transition:background .2s ease;width:25%}#calendar #days .day:nth-child(4){border-right:none}#calendar #days .day:nth-child(-n+4){border-bottom:1px solid #ddd}#calendar #days .day.draggedOver{background:#fff59d;background-image:none}#calendar #days .day h4{font-weight:500;font-size:.9em;margin:0;padding:20px 0;text-align:center;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}#calendar #days .day.active h4{background-image:linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.5) 80%,transparent)}#calendar #days .day p{margin:0;padding:0}#calendar #calendar-select{background:#fff9c4;height:40px;left:0;margin:0 auto;position:absolute;right:0;top:20px;width:240px}#calendar #calendar-select .select-button{align-items:center;box-sizing:border-box;text-align:center}#calendar #calendar-select .select-header{color:#222;cursor:pointer;display:inline-block;font-size:.95em;font-weight:500;height:40px;padding:8px 0;text-align:center}#calendar #calendar-select .select-edit{display:inline-block;height:25px;margin-left:10px;position:relative;width:22px}#calendar #calendar-select .select-edit img{cursor:pointer;left:0;position:absolute;top:-10px;width:40px}#calendar #calendar-select .select-options{background-color:#fefefe;border:1px solid #ddd;color:#222;font-size:.9em;left:0;max-height:200px;overflow-y:auto;position:absolute;scrollbar-color:#fdd835 transparent;text-align:center;top:40px;width:100%;z-index:10}#calendar #calendar-select .select-options .option{padding:8px 12px;cursor:pointer}#calendar #calendar-select .select-options .option:hover,.option.selected{background-color:#fdd835}#calendar-edit,#calendar-new{background:hsla(0,0%,100%,.8);display:block;height:100%;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:100}#calendar-edit .form,#calendar-new .form{background:#fefefe;border:1px solid #ddd;border-radius:10px;display:block;height:62px;left:0;margin:0 auto;max-width:500px;padding:20px;position:absolute;right:0;text-align:center;top:10%;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;width:320px}#calendar-edit .form{height:110px}#calendar-edit .form .iconBack,#calendar-new .form .iconBack{background:#fdd835;border-radius:100px;cursor:pointer;height:40px!important;padding:2px 0 2px 2px;position:absolute;right:0;transform:rotate(180deg);top:-20px;width:40px!important;z-index:2}#calendar-edit .form input,#calendar-new .form input{background:#fff;border:1px solid #fdd835;border-radius:10px;color:#222;cursor:default;display:inline-block;font-size:1em;height:20px;list-style-type:none;margin:10px 10px 0 0;max-width:220px;opacity:1;padding:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:68%}#calendar-edit .form input.default,#calendar-new .form input.default{color:#777}#calendar-edit .form .button,#calendar-new .form .button{background:#fff;border:1px solid #fdd835;border-radius:10px;bottom:-70px;cursor:pointer;display:inline-block;margin:0 5px 5px 0;padding:8px 10px;right:10px}#calendar-edit .form .button.update{margin-top:10px;width:90px}#calendar-edit .form .button.delete{border-color:#e53935;margin-top:10px;width:90px}