body{margin:0;padding:0;font-size:16px;font-family:'Lora',serif}
div#main-wrapper{background:#eff0f0}
.content.or-form{background:#fff}
#user-profile .container{display:none}
#user-profile.active .container{display:block}
#user-profile .image-container{width:150px}
#user-profile .image-container{position:relative}
#user-profile .img-thumbnail{opacity:1;display:block;width:100%;height:auto;transition:.5s ease;backface-visibility:hidden}
#user-profile .middle{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}
#user-profile .image-container:hover .image{opacity:.3}
#user-profile .image-container:hover .middle{opacity:1}
#user-profile h2.unatorized{text-align:center;font-size:30px;color:red;font-weight:600}
#user-profile h2.d-block.user-name{font-weight:bold}
#user-profile .userData.ml-3{margin-top:20px}
#user-profile label{font-weight:bold}