@import url(https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300&display=swap);@import url(https://unicons.iconscout.com/release/v4.0.0/css/line.css);nav[data-v-6056a2e8]{display:flex;text-align:center;justify-content:space-evenly;gap:15px;background-color:#fff;margin-bottom:10px}nav a[data-v-6056a2e8]{text-decoration:none;color:#000;margin-top:20px;font-weight:10px;height:35px;transition:padding-top .5s ease}nav a[data-v-6056a2e8]:hover{color:#3f3939;border-radius:5px;padding-top:20px;background-color:#f0f8ff}h3[data-v-25d525f8]{margin:40px 0 0}ul[data-v-25d525f8]{list-style-type:none;padding:0}li[data-v-25d525f8]{display:inline-block;margin:0 10px}a[data-v-25d525f8]{color:#42b983}.home[data-v-d84bef2c]{display:grid;background-color:#7a8cff}.home img[data-v-d84bef2c]{display:block;margin-left:auto;margin-right:auto;width:400px}.home btn[data-v-d84bef2c]{margin-left:500px}input[data-v-0ded7476]{max-height:35px;width:200px;margin-top:5px;margin-left:5px;font-size:15px;border-radius:10px;border:1px solid #000000fa}i[data-v-05be3682]{cursor:pointer;font-size:15px;transition:font-size .2s ease}i[data-v-05be3682]:hover{font-size:20px}input[data-v-6436a9e5]{margin-top:5px;border-radius:10px;border:1px solid #000000fa;font-size:15px;max-width:200px}span[data-v-378afda4]{color:blue;text-decoration:underline;cursor:pointer}span[data-v-378afda4]:hover{color:#37c4c9}.title[data-v-378afda4]{font-size:25px;position:relative;top:-13px;left:-2px}.link[data-v-880009fc]{cursor:pointer;color:blue}.link[data-v-880009fc]:hover{text-decoration:underline}.button-parent[data-v-880009fc]{text-align:right}.auth-btn[data-v-880009fc]{position:relative;display:inline-block;margin-right:1.2em;top:-15px}span[data-v-340f329a]{color:blue;text-decoration:underline;cursor:pointer}span[data-v-340f329a]:hover{color:#37c4c9}span[data-v-39acb40e]{color:blue;text-decoration:underline;cursor:pointer}span[data-v-39acb40e]:hover{color:#37c4c9}*{font-family:Red Hat Display,sans-serif}body{background-image:linear-gradient(90deg,#a9d9f0,#1f82d4)}.flex-container{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap}.flex-item{width:300px;margin:10px;background-color:#fff;border-radius:10px;border:4px solid #0c205e}.flex-item-1{display:flex;flex-direction:column;height:400px;flex-grow:1;overflow-y:scroll}#new-folder-button{color:teal;background-color:aqua;padding-left:50px;border:none;padding-right:84px;font-family:Red Hat Display,sans-serif;transition:all .25s ease}#new-folder-button,.auth-btn{font-size:15px;cursor:pointer}.auth-btn{border:1px dashed #0c205e;border-radius:5px;background-color:#8acedf;color:#20165c}.auth-btn:hover{background-color:#79bfd1}#new-folder-button:hover{color:aqua;background-color:teal}#file-list{padding-left:150px;padding-right:150px;list-style:none}.file-name{border:1px solid rgba(0,0,0,.4);border-radius:5px}.popup-box,.popup-box .popup{opacity:1;pointer-events:auto;transition:all .25s ease}.popup .content{width:calc(100% - 15px);background:silver;border-radius:5px}.popup .content div{margin:5px}.popup .content header{padding:15px 25px;border-bottom:1px solid #ccc;display:flex;justify-content:space-around;text-align:center}.popup .content i{color:#f31212;font-size:20px;cursor:pointer}.popup .content i:hover{color:#f06d6d}.tab-title{cursor:pointer;display:block;width:100px;flex-wrap:wrap;overflow:hidden;height:75px;text-align:center;margin:5px;border-radius:5px}.tab-title i{margin-top:7px}.tab-title:hover{background:#dadbd2}.tab-title.active-tab{background-color:#ccc}.note{max-height:200px;background:#4470e9;border-radius:10px;padding-left:5px;padding-bottom:17px}.details{overflow-x:auto}.settings{position:relative}.settings i{cursor:pointer;font-size:15px;transition:font-size .2s ease}.settings i:hover{font-size:20px}.menu li{transition:font-size .2s ease}.menu li:hover{font-size:20px}.settings.show .menu{cursor:pointer;transform:scale(1)}.settings .menu{position:absolute;left:20px;right:calc(-100%, - 5px);top:5px;padding:5px 0;background:#597df3;border-radius:4px;list-style:none;transform:scale(0);transform-origin:top left;box-shadow:0 0 6px #000;transition:transform .2s ease}.settings.menu li{height:25px;padding:17px 15px}.settings.menu li:hover{background:#0d3ddb}.files{background-color:blue;color:#fff;text-align:center;font-family:Red Hat Display,sans-serif}.flex-item-2{height:500px;flex-grow:4;display:grid;overflow-y:scroll}.tab-content{display:none;list-style:none;grid-gap:10px;grid-template-columns:repeat(auto-fill,250px)}.tab-content.active-tab{display:grid}.info{display:flex;align-self:center;flex-direction:column;background-color:#7fffd4;width:98%;max-width:400px;text-align:center;border:2px dashed #757575;border-radius:15px;margin-bottom:5px}.file-label{padding:5px}#close-button{background-color:#fff;color:red;border:none}#close-button:hover{color:#f06d6d}.pass-items{display:none}.popup-box{position:fixed;top:0;left:0;height:100%;width:100%;z-index:2;background:rgba(0,0,0,.4)}.popup-box .popup{position:absolute;top:50%;left:50%;z-index:3;max-width:400px;width:100%;justify-content:center;border-radius:5px;transform:translate(-50%,-50%)}.add-button:hover{background:#000;transition:all .25s ease}.add-button{display:flex;align-items:center;flex-direction:column;height:200px;color:#fff;text-align:center;padding-bottom:17px;background:#4f5658;transition:all .25s ease;border-radius:10px;padding-left:5px;cursor:pointer}.add-button svg{overflow:visible;margin-top:40px;border:5px dashed #ccc;border-radius:50px;padding:10px}.auth-input{border:none;font-size:20px}.alphabet{display:flex;align-items:center;justify-content:center;margin-top:25px}.google-sign-in-button{cursor:pointer;transition:background-color .3s,box-shadow .3s;padding:12px 16px 12px 42px;border:none;border-radius:3px;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);color:#757575;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJtMTcuNiA5LjItLjEtMS44SDl2My40aDQuOEMxMy42IDEyIDEzIDEzIDEyIDEzLjZ2Mi4yaDNhOC44IDguOCAwIDAgMCAyLjYtNi42eiIgZmlsbD0iIzQyODVGNCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTkgMThjMi40IDAgNC41LS44IDYtMi4ybC0zLTIuMmE1LjQgNS40IDAgMCAxLTgtMi45SDFWMTNhOSA5IDAgMCAwIDggNXoiIGZpbGw9IiMzNEE4NTMiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik00IDEwLjdhNS40IDUuNCAwIDAgMSAwLTMuNFY1SDFhOSA5IDAgMCAwIDAgOGwzLTIuM3oiIGZpbGw9IiNGQkJDMDUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDMuNmMxLjMgMCAyLjUuNCAzLjQgMS4zTDE1IDIuM0E5IDkgMCAwIDAgMSA1bDMgMi40YTUuNCA1LjQgMCAwIDEgNS0zLjd6IiBmaWxsPSIjRUE0MzM1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNMCAwaDE4djE4SDB6Ii8+PC9nPjwvc3ZnPg==);background-color:#fff;background-repeat:no-repeat;background-position:12px 11px}.google-sign-in-button:hover{box-shadow:0 -1px 0 rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.25)}.google-sign-in-button:active{background-color:#eee;outline:none;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.25),0 0 0 3px #c8dafc}.icon{padding:10px;color:green;min-width:50px;text-align:center}.input-icons{width:100%;margin-bottom:10px}.color-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:25px;border:none;cursor:pointer}.color-input::-webkit-color-swatch{border-radius:50%}.color-input::-moz-color-swatch{border-radius:50%}input[type=number]{border:1px dashed #0c205e;font-weight:10px;text-align:right}.generator{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;flex-wrap:wrap;padding-left:auto;padding-right:auto;width:95%;max-width:600px;background:#99f5f8;padding:10px;border-radius:25px}#display-container{margin:10px;width:400px;overflow-y:scroll;overflow-x:scroll}#display{display:block}.pass-form{text-align:center}.check-form{margin-top:5px;margin-bottom:5px}.checkmark{height:20px;width:20px;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;border:none;width:16px;height:16px;background-color:#fff;border-radius:3px;cursor:pointer;margin-right:5px}.checkmark:hover{background-color:#5f9dee}.checkmark:checked{background-color:#1774ee}.auth-form{display:flex;flex-direction:column;gap:10px;align-items:center}.auth-form button,.auth-form input{width:200px}.form-parent{top:0;left:0;height:100%;width:100%}#box-1{background-color:#fff;font-family:Red Hat Display,sans-serif;padding:10px;margin:5px;display:block;border:2px solid #000;border-radius:1em}#fileForm{text-align:center}.file-label{font-size:20px}