html{background:#111}.main-container{padding:20px;color:#fff}.header{text-align:right}.message{text-align:center;color:#fff;margin:10px 0}.font-bold{font-weight:700}.d-flex{display:flex}.justify-content-end{justify-content:end}.align-items-center{align-items:center}.flex-wrap{flex-wrap:wrap}.d-inline{display:inline-block}.d-none{display:none}.m-l-1{margin-left:1rem}.text-success{color:green}#account-info{width:auto;height:3.8rem;display:none;border:1px solid #9b4dca;border-radius:.4rem;background-color:transparent;color:#9b4dca;font-size:1.3rem;font-weight:700;letter-spacing:.1rem;line-height:3.8rem;padding:0 3rem;text-align:center;text-decoration:none;white-space:nowrap}.border-white{border-bottom:3px solid #fff}.border-yellow{border-bottom:3px solid #ff0}.border-green{border-bottom:3px solid green}.explanation-block{text-align:center;margin:10px 0}.explanation-item{display:inline-block;margin-right:20px}.explanation-status{width:24px;height:10px;display:inline-block;margin-right:5px}#btn-help{padding:0 2rem}.social-network img{display:inline;width:28px;height:28px;margin:0 .2rem}.month-item{margin:5px;padding:10px;text-align:center}.month-title{font-size:2.2rem;font-weight:700}.day-item{width:14%;font-size:1.5rem;font-weight:400;cursor:pointer}.day-item:hover{background:#333}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:40%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}#form-btn{display:block;margin:auto}textarea#message-field{margin-bottom:0}#characters-remaining{font-size:1.2rem;margin-bottom:1rem;font-style:italic}@media only screen and (max-width:576px){.row{display:inline-block}.day-item{display:inline-block}.modal-content{width:80%}}