*{padding:0;margin:0;box-sizing:border-box}body{font-family:Roboto,Helvetica,Arial,sans-serif;height:100vh;width:100%}.hide{display:none}.img-responsive{width:100%}.img-round{border-radius:50%;height:50px;width:50px}.container{padding-top:10px;width:80%;margin:auto}p{margin-top:1rem}.banner-section{width:100%;min-height:600px;background-color:#b6b7fa}.profile-img-section{height:150px;width:150px;border-radius:50%;border:1px solid #ccc}.profile-img{border-radius:50%}.profile-details-section{margin:50px auto;height:300px}.text1{height:25px;width:50%}.text2{height:25px;width:65%}.text3{width:80%}.text3,.text4{height:25px;margin-top:30px}.text4{width:95%}.banner-section:empty,.profile-img-section:empty,.text1:empty,.text2:empty,.text3:empty,.text4:empty{animation:loading 1.1s linear infinite;background:#dedfe1;background-image:linear-gradient(90deg,#dedfe1 0,#f2f3f5 20%,#dedfe1 40%,#dedfe1);background-repeat:no-repeat}@keyframes loading{0%{background-position:-100px}to{background-position:500px}}@media screen and (max-width:768px){body{overflow-x:hidden}}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#5c99f5;min-width:200px;padding:12px 13px;z-index:2000}.dropdown-content p{padding-top:10px}.dropdown:hover .dropdown-content{display:block;cursor:pointer}@media only screen and (max-width:576px){.xs{display:block}.xs-none{display:none}}@media only screen and (min-width:576px){.sm{display:block}.sm-none{display:none}}@media only screen and (min-width:768px){.md{display:block}.md-none{display:none}}@media only screen and (min-width:992px){.lg{display:block}.lg-none{display:none}}@media only screen and (min-width:1200px){.xl{display:block}.xl-none{display:none}}