@import"https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;600;800&family=Nunito+Sans:wght@200;300;400;600;800&family=Poppins:wght@200;300;400;600;800&family=Unbounded:wght@200;300;400;600;800&display=swap";:root{--darkFontColor: rgb(75, 71, 71);--primaryColor: #3c2dff;--fontFamily: "Poppins", "sans-serif"}*{margin:0;padding:0;font-family:var(--fontFamily)}.required__control{color:red}button{border:0;outline:0;margin:5px;padding:8px;font-size:1rem;cursor:pointer;border-radius:5px}button:hover{opacity:.8}input{outline:none;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.left__menuBar{width:5vw;background-color:beige}.left__menu{display:flex;align-items:center;flex-direction:column;justify-content:center}.left__menu:has(div){padding:10px}.leftmenu__btn:hover{opacity:.8}.leftmenu__btn{cursor:pointer;width:3vw;display:flex;align-items:center;justify-content:center;padding:8px}.leftmenu__btn i{font-size:1.8em}.leftmenu__btn i:hover{color:var(--primaryColor)}.selected{background-color:var(--primaryColor);color:#fff}.selected i:hover{color:#fff}.accent__color{width:300px;display:grid;padding:8px;box-shadow:0 0 10px #888}.input__control{display:grid;padding:5px;border-radius:5px;border:1px solid rgb(228,220,220);margin:2px}.input__control:hover{border:1px solid darkgrey}.input__control input{outline:none;border:none}.input__control label{font-size:.7rem;text-transform:capitalize}button{background-color:var(--primaryColor);color:#fff;font-weight:700}.contact__info h3{font-weight:700}.contact__info{width:300px;padding:8px;box-shadow:0 0 10px #888}.contact__info form{display:grid}.modal__buttons{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:small}.close__button{padding:3px}.close__button:hover{text-decoration:underline;cursor:pointer}.textarea__control{display:grid;border:1px solid lightgrey;border-radius:5px;padding:6px}.textarea__control textarea{outline:none;border:none;font-weight:600}.textarea__control label{font-size:.7rem}.award__info{max-width:500px}.award__form{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap}.content__button{border:1px solid grey;border-radius:4px;margin-top:10px}.btn{display:flex;align-items:center;padding-left:15px;padding-right:15px;justify-content:space-between;cursor:pointer}.btn span{font-size:1rem;font-weight:600}.content__button ul li{list-style:none;padding:3px;font-weight:600;cursor:pointer}.content__button ul li:hover{background-color:#d3d3d3}.content__info h2{font-weight:700}.content__info{width:300px;padding:8px;box-shadow:0 0 10px #888}.content__info form{display:grid}.edu__form{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap}.edu__info,.exp__info{max-width:500px}.exp__form{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap}.language__info{max-width:600px}.language__map span{font-weight:600}.profile__info,.project__info{max-width:500px}.project__form{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap}.vol__info{max-width:500px}.vol__info form{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.skill__info{max-width:600px}.skill__info form{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:5px}.skill__value{display:flex;margin-left:20px;align-items:center;justify-content:center}.skill__value span{padding-right:10px}.fontOrText,.layout__change{width:300px;padding:8px;box-shadow:0 0 10px #888}.layout__change h2{margin-bottom:5px}.layouts img{width:100px;height:130px;object-fit:contain}.selected{border:3px solid var(--primaryColor);cursor:pointer}.save__print{width:300px;display:grid;padding:8px;box-shadow:0 0 10px #888}.left__formDialogue{background-color:#fff;left:30px;margin:30px}.input__layout{display:flex;flex-wrap:wrap}.contact__name h1{font-weight:800;text-align:center}.contact__name h1 span{font-size:1.2rem}.contact__infomation{display:flex;align-items:center;justify-content:space-between}.contact{padding-bottom:8px}.exp__title span,.exp__date{font-weight:600}.wrap__editDelete:hover .btn__set{display:inline}.btn__set{display:none;position:absolute}.btn__set button{background-color:#7a7575;opacity:.7}.wrap__editDelete{margin-bottom:10px;margin-top:10px}.edu__title span{font-weight:700}.edu__dates{font-weight:600}.award__title span{font-weight:700}.award__date,.project__title span{font-weight:600}.skill{display:flex;align-items:center;justify-content:center;margin-bottom:10px}.skill h5{flex:2}.skill__value{flex:10;display:flex;justify-content:flex-start;align-items:center}.volutneer__title>p,.vol__date{font-weight:600}.language{display:flex}.language__value{font-weight:600}.output__layout{width:210mm;min-height:297mm;background-color:#fff;box-shadow:0 0 10px #d3d3d3;padding:30px;word-wrap:break-word}.output__layout h4,.output__layout h1,.output__layout i{color:var(--primaryColor)}.output__layout h5{font-weight:700}.design__page{background-color:#ffffffb9;display:flex;flex-wrap:wrap}a{text-decoration:none;background-color:#3434ff;color:#fff;font-weight:700;border-radius:6px;padding:7px;font-size:1.1em}header{display:flex;box-sizing:border-box;padding:35px 0;width:92%;justify-content:space-between;max-width:1200px;margin:0 auto;transition:transform .45s ease 0s;transform:rotateX(0);transform-origin:top center}header img{display:flex;flex-direction:column;justify-content:center;position:relative;margin-right:15px;height:36px;width:auto}.header__links{display:flex;justify-content:flex-end;flex-grow:3;box-sizing:border-box;padding-top:8px;position:relative}.header__link{border:1px solid #3c2dff;margin-left:15px;text-decoration:none;padding:3px;border-radius:6px}.header__link h4{font-weight:bolder}.hero__left{margin:1.5rem}.hero__info{padding-bottom:1.5rem}.icon{padding-right:10px}.hero__right{box-sizing:border-box;width:92%;display:block;background-image:url(/assets/heroRight-cf71b726.png);height:50vh;background-size:contain;background-position:100%;background-repeat:no-repeat;transform-origin:center center}.landing__body{display:flex;flex-wrap:wrap;align-items:center;width:90%;justify-content:center}.register__page{min-height:100vh;display:flex;justify-content:center;align-items:center}.register__page form{animation:fadeIn 1s;display:flex;align-items:center;flex-direction:column;justify-content:center}form .error__message{background-color:#ca3333;color:#fff;padding:.2rem;border-radius:5px;animation:1s fadeIn;text-align:center;display:flex}.register__page form button{background-color:#5ce45c;font-weight:700}.register__page form a{font-weight:700}@media only screen and (max-width: 400){.input__control input{max-width:200px}}.loading{margin:auto}.login__page{min-height:100vh;display:flex;justify-content:center;align-items:center}.login__page form{animation:fadeIn .7s;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}form .error__message{animation:.5s fadeIn;background-color:#ca3333;color:#fff;padding:.2rem;border-radius:5px;text-align:center}.login__page form button{background-color:#5ce45c}.login__page form a{font-weight:700}@media only screen and (max-width: 400px){.input__control input{max-width:200px}}