#app{font-family:Roboto,sans-serif}.menu{height:100%;width:250px;position:fixed;z-index:1000;top:0;left:0;background-color:#e4e4e8;overflow-x:hidden;padding-top:30px;padding-left:30px;font-size:20px;font-weight:bolder}.menu-elements{margin-top:30px}.logout{margin-top:100%;cursor:pointer}.modal-backdrop{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center}.modal{background:#fff;box-shadow:2px 2px 20px 1px;overflow-x:auto;display:flex;flex-direction:column;z-index:10000}.modal-fade-enter,.modal-fade-leave-to{opacity:0}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .5s ease}.content{display:flex;flex-direction:row;justify-content:center;align-items:center}.details{padding:30px}.close,.details{font-weight:bolder}.close{text-align:right;padding-right:20px;font-size:20px;cursor:pointer}.usercard{margin:30px}.userimg{border-radius:5%;box-shadow:0 7px 29px 0 rgba(100,100,111,.2)}.img__wrap{position:relative;height:300px;width:200px}.img__description{position:absolute;top:0;bottom:0;left:0;right:0;color:#fff;visibility:hidden;opacity:0;width:200px;height:300px;border-radius:5%;text-align:center;transition:opacity .2s,visibility .2s}.img__wrap:hover .img__description{visibility:visible;opacity:1}.maincard{-webkit-animation:fadeInAnimation 3s ease;animation:fadeInAnimation 3s ease}@-webkit-keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.main{display:flex;justify-content:flex-end}.users-content{width:100%}.headinguser{margin-left:90%}.users{margin-left:20%;display:flex;flex-flow:wrap}.form{text-align:center;padding-top:10%}.heading{font-size:20px;font-weight:bolder;font-family:Roboto,sans-serif}.input-div{margin-top:15px}.input{height:30px;width:250px;background-color:#bcebf3;border:0;padding-left:10px}.btn{height:40px;width:255px;background-color:#6596ff;color:#fff;border:0;margin-top:25px;font-size:15px}.notify{position:fixed;width:250px;height:50px;overflow:hidden;z-index:1052;text-align:center;background-color:#ff9b9b;color:#fff;padding-top:25px;margin-left:40%}