body{font-family: 'Montserrat', sans-serif; }
.backdrop{width: 100%;height: 100vh;background: url(../img/finance-system.jpg);padding: 5rem;}
.login{height: 30rem;padding: 0;}
.left-con{height: 30rem;background:linear-gradient(0deg, rgba(65, 105, 225,0.7),rgba(65, 105, 225,0.7)), url(../img/finance-system.jpg);background-size: cover;padding: 0;}
.right-con{height: 30rem;background:white;background-size: cover;padding: 0;}
.header{width: 100%;height: 5rem;padding: 1rem;}
.headers{width: 100%;height: 5rem;padding: 1rem;}
.header img{width: 30%;}
.headers img{width: 60%;}
.login-body{width: 100%;height: 20rem;padding-top: 7rem;color: white;}
.login-body p{margin-bottom: 0;}
.login-body h3{font-weight: 600;font-family: 'Roboto', sans-serif;}
.login-form{width: 100%;height: 30rem;padding: 3rem; padding-top: 6rem}
.login-form input[type="email"],[type="password"]{border-radius:0;margin-bottom: 30px;}
.login-form input[type="submit"]{border-radius:50px;}
.login-form input::placeholder{font-size: 12px;}
.page{width: 100%;height: 100vh;padding: 0;background: whitesmoke;}
.left-dashboard{width: 15%;height: 100vh;position: fixed;float: left;background: white;box-shadow:0 8px 8px 0 rgba(0,0,0,.10),0 10px 10px 0 rgba(0,0,0,.05);}
.dp{width: 100%;height: 8rem;padding: 1rem;}
.pix{width: 70%;height: 7rem;border-radius: 50%;background: 
yellow;margin: 0 auto;}
.pix img{width: 100%;height:7rem;border-radius: 50%;}
.links{width: 100%;height: 20rem;padding-top:2rem;}
.links ul{padding: 0;margin: 0;}
.links ul li{width:100%;line-height:40px; padding: 0;margin: 0;list-style: none;padding-left: 30px;cursor: pointer;}
.links ul li a{font-size: 13px;text-decoration: none;color: black;}
.right-side{width: 85%;height: 100%;margin-left:15%; ; background:white;display: block;overflow: auto;padding: 1rem;}
.active{background: royalblue;border-top-right-radius: 30px;border-bottom-right-radius: 30px;box-shadow:0 10px 10px 0 rgba(0,0,0,.10),0 5px 5px 0 rgba(0,0,0,.05);}
.links ul li.active a{color:white;}
.top-header{width: 100%;height:3rem;background:royalblue;color: white;padding: 0.5rem;border-top-left-radius: 20px;border-bottom-left-radius: 20px;box-shadow:0 3px 3px 0 rgba(0,0,0,.10),0 2px 4px 0 rgba(0,0,0,.05);}
.top-header p{font-size: 18px;}
.curved{border-radius: 50%;}
.contents{padding-top: 1rem;padding-left: 3rem;padding-right: 3rem;}
.rcaptions{width: 100%;height: 10rem;padding: 1rem;}
.caption{width: 25%;height: 7rem;float: left;padding: 0.5rem;}
.cc{width: 100%;height: 6rem;padding: 1rem;}