*{list-style:none;text-decoration:none;padding:0;margin:0;font-family:"Nunito", sans-serif;box-sizing:border-box}*::-webkit-scrollbar{display:none}.body{background:linear-gradient(90deg, white 80%, #1a63c9bd 20%);width:100%;min-height:100vh}.body .the-circle{width:500px;height:500px;position:absolute;top:-28%;left:9%;z-index:1;border-radius:50%;border:60px solid #1a63c9bd}.body .container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#f4f4f4;display:flex;justify-content:space-between;align-items:center;height:85%;box-shadow:0 0 50px rgba(0,0,0,0.222);width:90%;overflow:auto}.body .container .left-nav{height:100%;width:80px;display:flex;align-items:center;justify-content:space-between}.body .container .left-nav ul{display:flex;align-items:center;height:100%;width:100%;flex-direction:column;justify-content:space-around;margin:0px auto;font-size:18px;position:relative}.body .container .left-nav ul .forHover{position:absolute;top:-50px;left:0;background:#1a63c9bd;width:100%;height:205%;opacity:0;z-index:1;transition:opacity .5s ease-in-out;cursor:pointer}.body .container .left-nav ul .fa-times{z-index:3}.body .container .left-nav ul .forHover:hover{opacity:.4}.body .container .left-nav ul .redline{position:relative;color:#3878d0}.body .container .left-nav ul .redline::before{position:absolute;content:"";transform:rotate(90deg);top:-300%;left:45%;width:5px;height:70px;background:#3878d0}.body .container .left-nav ul li{transform:rotate(270deg);color:#6b6b6b}.body .container .left-nav ul::after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(to bottom, #ccc 80%, white 100%)}.body .container .left-nav .fa-times{position:relative;padding:0px 34px 30px 34px;margin-top:-15px}.body .container .left-nav .fa-times::after{content:"";position:absolute;bottom:0;right:0;width:100%;height:1px;background:#ccc}.body .container .content-area{margin-top:-250px;z-index:2}.body .container .content-area .title{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:20px}.body .container .content-area .title h1{margin-top:40px;font-family:"Prata", serif;font-size:40px;position:relative}.body .container .content-area .title h1::after{content:"";position:absolute;bottom:-20px;left:0;height:2px;background:#6e6e6e;width:150px}.body .container .content-area .title .profile{display:flex;align-items:center;justify-content:space-between}.body .container .content-area .title .profile img{box-shadow:0 0 5px #000}.body .container .content-area .title .profile .profile-text{margin-left:10px}.body .container .content-area .two-cards{margin-top:30px;display:flex;width:700px;justify-content:center;align-items:center}.body .container .content-area .two-cards .card{padding:10px;line-height:1.9em}.body .container .side-menu{width:250px;margin-right:50px;height:100%;display:flex;flex-direction:column;justify-content:space-around}.body .container .side-menu .title{margin:50px 0 30px 0}.body .container .side-menu .title h1{font-family:"Prata", serif;font-size:22px}.body .container .side-menu .title p{font-size:14px;font-weight:200;color:#aaa}.body .container .side-menu .cards-section{height:100%;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:50px}.body .container .side-menu .cards-section .card{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6e6e6;padding:20px 0 20px 0}.body .container .side-menu .cards-section .card img{border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,0.193)}.body .container .side-menu .cards-section .card p{margin-left:10px}.body .container .side-menu .card:last-child{border:0}@media screen and (max-width: 1300px){.body .container{justify-content:space-between;overflow:auto}.body .container .content-area{margin:-250px auto 0 auto}.body .container .the-circle{display:none}.body .container .side-menu{display:none}}@media screen and (max-width: 900px){.body .container{justify-content:space-between;overflow:auto}.body .container .content-area{margin:-20px auto 0 auto;width:100%;overflow:auto}.body .container .content-area .two-cards{display:block;width:100%}.body .container .content-area .title{display:block;margin-left:10px}.body .container .content-area .title h1{font-size:30px}.body .container .content-area .title h1::after{content:"";position:absolute;bottom:-20px;left:0;height:0px;background:#6e6e6e;width:150px}.body .container .content-area .title .profile{justify-content:flex-start}.body .container .the-circle{display:none}.body .side-menu{display:none}}@media screen and (max-width: 500px){.body{background:linear-gradient(90deg, white 50%, #3878d0 100%)}.body .container{justify-content:space-between;overflow:auto;width:95%;height:98%}.body .container .content-area{margin:-250px auto 0 auto;width:100%;overflow:hidden}.body .container .content-area .two-cards{display:block;width:100%}.body .container .content-area .two-cards .card{line-height:1.5em}.body .container .content-area .title{display:block;margin-left:10px}.body .container .content-area .title h1{font-size:30px}.body .container .content-area .title h1::after{content:"";position:absolute;bottom:-20px;left:0;height:0px;background:#6e6e6e;width:150px}.body .container .content-area .title .profile{justify-content:flex-start}.body .container .the-circle{display:none}.body .container::-webkit-scrollbar{display:none}.body .side-menu{display:none}}