@import"https://fonts.googleapis.com/css2?family=Gothic+A1&display=swap";html{background-color:#1e1e1e}body{margin:0;font-family:Gothic A1,sans-serif}.border-0{border:2px solid deeppink}.main-contents{height:calc(100vh - 80px);background-color:#343232;color:#ff1493;width:100%;display:flex;flex-direction:row}.main{color:#ff1493;width:100%}.top-nav{width:100%;margin-top:1%;text-align:left;font-size:15px;padding-left:2%}.top-nav>h1{margin:0;cursor:pointer}.main-container{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:1%}.contents-container-1{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.contents-container-2{width:30%;display:flex;flex-direction:row;flex-wrap:wrap}.card{width:300px;height:300px;margin:2%}.content{width:100%;height:90%;overflow:hidden}.content-title{width:100%;height:10%}.content-title>p{margin:0;height:100%;font-size:20px;font-weight:500;text-align:center;line-height:1.6}.content-title :hover{background-color:#ff1493;color:#fff;cursor:pointer}.temp-contents{width:100%;height:95%;margin:4%}.contents-list-div{padding-top:10px}.contents-list-ul{margin:0}.contents-list-li{font-size:16px}.contents-list-li:hover{color:#fff;cursor:pointer}.button-collection-div{display:flex;flex-direction:column;justify-content:space-between;text-align:center;font-size:20px;font-weight:800}.button{cursor:pointer}.button:hover{background-color:#ff1493;color:#fff}.popup-main{background-color:#f0f8ff;display:flex;flex-direction:row;background-color:#1e1e1e}.memo-popup-left-navi{width:15%;overflow-y:auto}.memo-popup-content-main{width:85%;background-color:#252424}.memo-popup-content-main-head{display:flex;flex-direction:row}.folder-li{font-size:20px;list-style:none;color:orange}.memo-li{font-size:16px;list-style:none;color:#ff1493;margin-bottom:5px}.memo-li:hover{color:#fff;cursor:pointer}.folder-ul{padding-left:15px}.memo-ul{margin-top:10px;padding-left:15px}.back-btn{margin-left:-10px;margin-top:10px;text-align:center;font-size:20px;color:#ff1493}.display-folder-text{color:orange;text-align:center;font-size:17px;margin-top:10px}.back-btn:hover{color:#fff;cursor:pointer}.title-input{background-color:#1e1e1e;width:82%;height:30px;border:none;color:#fff;caret-color:#ff1493;font-size:20px;outline:none}.memo-save-btn-div{text-align:center;width:9%;height:30px}.memo-save-btn-div :hover{background-color:#ff1493;color:#fff;cursor:pointer}.memo-save-btn{height:30px}.content-input{background-color:#1e1e1e;width:calc(100% - 4px);height:calc(100% - 35px);border:none;outline:none;color:#fff;caret-color:#ff1493;font-size:15px}.li-icon{width:20px;margin-right:5px}.add-folder-div{padding:0;margin-top:5%;display:flex;justify-content:center;align-items:center}.add-folder-btn{text-align:center;width:90%;height:30px;display:flex;justify-content:center;align-items:center}.add-folder-btn:hover{background-color:#ff1493;color:#fff;cursor:pointer}.add-folder-text{margin:0}.folder-input{margin:1px;width:90%;height:20px;background-color:#1e1e1e;border:1px solid white;caret-color:#ff1493;color:#fff}.file-list-table{width:100%;border-collapse:collapse;border:none}.file-list-table thead tr{font-size:25px;border-bottom:white}.file-tr:hover{cursor:pointer;color:#fff}.text-center{text-align:center}.file-btn{width:100;text-align:center}.file-btn:hover{background-color:#ff1493;color:#fff;cursor:pointer}.memo-content-div{padding:1%}.memo-content-top{display:flex;flex-direction:row;margin-bottom:2%}.memo-content-title-input{background-color:#252424;color:#ff1493;font-size:25px;border:none;width:90%;outline:none}.memo-content-title-input:focus{border:none}.memo-content-btn{width:100px;text-align:center;display:flex;align-items:center;justify-content:center}.memo-content-btn:hover{color:#fff;cursor:pointer;background-color:#ff1493}.memo-content-btn-text{margin:0}.memo-content-textarea{height:80vh;width:100%;background-color:#252424;color:#ff1493;border:none;outline:none;font-size:16px}@tailwind base;@tailwind components;@tailwind utilities;.dark{background-color:#1e1e1e;color:#fff}.login-btn{width:10%;height:30px;font-size:20px;text-align:center;display:flex;justify-content:center;align-items:center}.login-btn-text{margin:0}.uploader-main{width:40%;height:40%;display:flex;flex-direction:column;position:fixed;top:30%;left:30%;background-color:#252424}.uploader-top{display:flex;flex-direction:row;width:100%;height:20%}.file-list-container{width:90%;height:60%;padding:5%}.uploader-bottom{width:100%;height:20%;text-align:center}.uploader-title{width:50%;height:100%;text-align:center}.uploader-button{width:50%;height:100%;display:flex;justify-content:center;align-items:center}.custom-file-upload{text-align:center;display:inline-block;padding:5px;cursor:pointer;font-weight:700;width:50%}.custom-file-upload:hover{background-color:#ff1493;color:#fff}.label-text{width:100%;height:100%}.upload-btn{width:20%;height:50%;background-color:#252424;color:#ff1493;font-size:20px;font-weight:600;cursor:pointer;margin:3% 2%}.upload-btn:hover{background-color:#ff1493;color:#fff}.delete-btn{color:#ff1493;background-color:#252424;border:none}.delete-btn:hover{color:#fff;background-color:#ff1493}input[type=file]{display:none}.login-btn{width:20%;height:30px;font-size:20px;text-align:center;vertical-align:middle}.login-btn-text{margin:0;vertical-align:middle}.login-btn[data-v-269cca7d]{width:10%;height:30px;font-size:20px;text-align:center;vertical-align:middle}.login-btn-text[data-v-269cca7d]{padding-top:5px;margin:0}p[data-v-269cca7d]{font-size:1.5rem;margin-bottom:2rem}.home-link[data-v-269cca7d]{text-decoration:none;background-color:#4f46e5;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:700;transition:background-color .3s ease}