.text-area{border:none;resize:none;font-size:22px;letter-spacing:-.7px;color:#000;width:100%;padding:10px 0;background-color:transparent}.text-area:focus{outline:none}.text-area::placeholder{font-weight:lighter;color:#a1a3a1}.text-area::-webkit-input-placeholder{color:#a1a3a1}.Card-btn{padding:10px 20px;border:none;background-color:transparent;cursor:pointer;border-radius:4px;transition:.3s;border:1px solid #000;background-color:#fff;width:200px;font-size:24px;font-weight:700;font-style:italic;margin-bottom:10px;animation:btn 2s ease-in-out}.Card-btn:hover{text-shadow:1px 1px 0px #745dff;box-shadow:1px 1px #745dff}.Card-btn:active{background-image:linear-gradient(to bottom,#864bff,#5082ff)}@keyframes btn{0%{opacity:.1;transform:scale(.5);width:0px}to{opacity:1;transform:scale(1);width:200px}}.DropZone-Box{width:100%;height:200px;border:2px dashed #ccc;display:flex;justify-content:center;align-items:center;color:#a1a3a1;font-size:20px;cursor:pointer;transition:.3s;animation:dropzone 1s ease-in-out}.DropZone-Box div{width:58%;text-align:center}.DropZone-Box div span{font-size:18px;cursor:pointer;color:#745dff}.DropZone-Box:hover{border:2px dashed #000}@keyframes dropzone{0%{opacity:.5}to{opacity:1;border:2px dashed #000}}.Files-list{display:flex;flex-wrap:wrap}.Files-list div{width:100px;height:100px;margin-right:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#000;transition:.3s;animation:dropzone-Width 1s ease-in-out;text-align:center}.Files-list div svg{font-size:38px;margin-bottom:10px;color:#a1a3a1;cursor:pointer}@keyframes dropzone-Width{0%{width:0px;height:0px}to{width:100px;height:100px}}.Drag{font-size:12px!important;color:#a1a3a1;cursor:pointer;transition:.3s;animation:dropzone 1s ease-in-out}.Drag:hover{color:#000}.Drag1{margin-left:6px}.box:hover{background-color:#f7f7f7}.box{margin-bottom:10px}.imagesBox{display:flex;flex-wrap:wrap;justify-content:space-around;width:100px;height:100px;object-fit:cover}body{background-color:#c4e5a7!important;font-family:" Open Sans , sans-serif "}.container{width:75%;margin:50px auto 0;animation:width 1s ease-in-out;display:flex;flex-direction:column;justify-content:center}.header-bar{color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;animation:OverallOpacity 1s ease-in-out}.logo img{width:100px;cursor:pointer}.menu-bar ul{display:flex;gap:40px;padding:10px;cursor:pointer}.menu-bar ul li{list-style:none;font-size:18px;color:#4a4a4a}.menu-bar ul .menu-btn{font-weight:700;color:#638eff}.main-card{background-color:#fff;border-radius:8px;display:flex;margin-top:30px;width:100%;min-height:350px;box-shadow:0 0 10px #745dff;animation:card 1s ease-in-out,height 2s ease-out}.main-card .card-sidebar{background-color:#08f37270;color:#fff;border-radius:8px;flex:0 0 20px;animation:card 1s ease-in-out}.main-card .card-sidebar div img{padding:0 20px;margin:20px 0;animation:img 1s ease-in-out;cursor:pointer;animation:side 1s ease-in-out}.main-card .card-container{padding:0 30px;color:#745dff;animation:img 1s ease-in-out;width:100%;animation:OverallOpacity 1s ease-in-out}.main-card .card-container div h1{font-size:48px;font-weight:700;line-height:.85;letter-spacing:.6px;color:#000;margin-bottom:28px;animation:text 1s ease-in-out}.main-card .card-container .text-section{height:100%;display:flex;flex-direction:column;justify-content:space-between}.main-card .card-container .text-section .resize-section{flex:1}.main-card .card-container .text-section .save-btn{color:#fff;border-radius:8px;padding:10px 20px;cursor:pointer;text-align:right}.main-card .card-container .text-section .save-btn span{font-size:16px;font-weight:700;margin-right:50px;color:#000;cursor:pointer;animation:OverallOpacity 2s ease-in-out}@keyframes text{0%{font-size:0px}to{font-size:48px}}@keyframes card{0%{width:0%}to{width:100%}}@keyframes height{0%{min-height:0px;transform:scale(.5)}to{min-height:350px;transform:scale(1)}}@keyframes OverallOpacity{0%{opacity:0}to{opacity:1}}@keyframes Container{0%{margin-top:0}to{margin-top:50px}}@keyframes side{0%{padding:0;margin:0}to{padding:0 20px;margin:20px 0}}@keyframes width{0%{transform:translate(-210px)}to{transform:translate(0)}}.file-section .files-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.file-section .files-header .files-btn{display:flex;align-items:center;justify-content:center;gap:50px;flex-direction:row}.file-section .files-header .files-btn div{cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.file-section .files-header .files-btn div svg{width:24px;height:24px;margin-right:5px}.file-section .files-header .files-btn div:hover{text-decoration:underline}.file-section .files-header .files-btn div:active{opacity:.5}.Download{color:#638eff;font-weight:700;cursor:pointer;animation:OverallOpacity 2s ease-in-out}.Download svg{height:20px!important;margin-bottom:5px}.Delete{color:#963a45!important;font-weight:700;cursor:pointer;animation:OverallOpacity 2s ease-in-out}.Delete svg{height:20px!important;margin-bottom:5px;color:#963a45!important}.footer{color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:20px;font-size:18px;font-weight:700;cursor:pointer;animation:OverallOpacity 2s ease-in-out}.footer p{color:#638eff;margin-right:20px;font-weight:700;width:50%;text-align:center}.footer .social-media{width:50%;display:flex;align-items:center;justify-content:center}.footer .social-media svg{width:70px;height:30px}.footer .social-media svg:hover{color:#638eff;animation:svg .2s ease-in-out;transform:scale(2)}.footer .social-media svg{font-weight:900}@keyframes svg{0%{font-weight:0;transform:scale(1)}to{font-weight:900;transform:scale(2)}}