body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Sahel;src:url(/static/media/Sahel.f0ac8c7018b24ef1cfe7.woff),url(/static/media/Sahel.3649b9ebd8a04742645a.woff2),url(/static/media/Sahel.098f292526813be947e8.ttf),url(/static/media/Sahel.edbc750873db0b16a52e.eot)}.App{text-align:center}*{box-sizing:border-box;font-family:Sahel!important;margin:0;padding:0}body{background-color:#020822;color:#f5f5f5;height:100vh!important;overflow:hidden}nav{align-items:center;background-image:linear-gradient(90deg,#121212,#006b8040,#121212);display:flex;justify-content:space-between;margin-bottom:25px;padding:10px 25px;width:100%}a{text-decoration:none}nav h1{font-size:32px}nav h1 span{font-size:18px}nav h1 a{color:#f5f5f5}nav input{display:none}nav label{background-color:#6495ed;border:none;border-radius:3px;cursor:pointer;padding:5px}footer{bottom:15px;left:50%;position:fixed;transform:translate(-50%);width:100%}footer hr{color:#f5f5f51a;margin-bottom:10px}main .link_container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:15px 0}main .link_container a{background-color:#add8e6;border-radius:5px;color:#121212;font-size:22px;margin:10px 0;padding:5px;width:250px}.blue_btn{background-color:#3b3b98;border:0;border-radius:5px;color:#f5f5f5;cursor:pointer;font-size:18px;margin:10px 0;padding:5px;width:125px}.blue_btn:active{background-color:#31317d}.saveToClipboardBtn{background-color:#3434a4;border:0;border-radius:5px;color:#f5f5f5;cursor:pointer;font-size:18px;margin:10px 0;padding:5px;width:170px}.Clipboard,modal{align-items:center;display:flex;flex-direction:column}modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#101010e6;border-radius:10px;height:75%;left:50%;padding:50px;position:absolute;transform:translate(-50%);width:50%;z-index:99}modal h2{font-size:32px}modal input,modal textarea{background-color:gray;border:0;border-radius:5px;cursor:pointer;font-size:18px;padding:5px}modal textarea{display:block;flex-wrap:wrap;height:250px;overflow-y:auto;resize:none;width:400px!important}modal .close{background-color:initial!important;border:none;color:#f5f5f5;cursor:pointer;font-size:50px!important;height:auto!important;left:10px;margin:auto!important;padding:0!important;position:absolute;top:-10px;width:auto!important}modal .close:active{background-color:initial}modal form{align-items:center;display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width:800px){modal{height:70%;width:90%}modal textarea{width:100%!important}modal h2{font-size:24px!important}}.Shortener{align-items:center;display:flex;flex-direction:column}.Shortener input{background-color:#d3d3d3;border:0;border-radius:5px;cursor:pointer;font-size:18px;margin-bottom:15px;padding:5px}.saveToShortenerBtn{background-color:#bdb76b!important;width:100px!important}.Uploader{align-items:center;display:flex;flex-direction:column}.Uploader input{background-color:#d3d3d3;border:0;border-radius:5px;cursor:pointer;font-size:18px;margin-bottom:15px;padding:5px}.Uploader input#file_upload{display:none}.Uploader label{background-color:#12121240;border:5px dashed gray;border-radius:20px;font-size:32px;font-weight:bolder;height:300px;margin-bottom:15px;overflow:hidden;width:500px}.Uploader form,.Uploader label{align-items:center;display:flex;justify-content:center}.Uploader form{flex-direction:column;width:auto}.Uploader .DragOver{border-color:blue;box-shadow:0 0 15px 2px skyblue}.Uploader .Drop{border-color:#001380;box-shadow:0 0 15px 2px #086083}@media only screen and (max-width:800px){.Uploader label{font-size:20px!important;width:300px!important}}@media only screen and (max-width:400px){.Uploader label{font-size:16px;width:95%}}.Download button{background-color:#10558b;border:2px solid #0000;border-radius:5px;color:#f5f5f5;cursor:pointer;display:block;font-size:28px;margin:25px auto;width:200px}.Download button:active{background-color:#09385c;border:2px solid #62a1d2}@media only screen and (max-width:600px){.Download h1{font-size:24px}}.Calculator{margin-bottom:50px}.Calculator h3{background-color:#d3d3d3;border-radius:10px;color:#121212;font-size:50px;height:75px;margin:auto;width:450px}.Calculator span{color:gray;display:inline-block;font-size:32px;height:50px;margin:15px 0;width:450px}.Calculator .panel{display:flex;height:300px;justify-content:center;margin:auto;padding:0;width:100%}.Calculator .numbers{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:225px}.Calculator button{font-size:24px}.Calculator .numbers button{height:75px;width:75px}.Calculator .operators{align-items:center;display:flex;flex-direction:column;justify-content:center;width:60px}.Calculator .operators button{height:60px;width:60px}@media only screen and (max-width:600px){.Calculator h3{font-size:30px;height:50px;width:250px}.Calculator span{font-size:32px;text-align:center!important;width:100%}}.Qrcode{align-items:center;display:flex;flex-direction:column}.Qrcode input{background-color:#d3d3d3;border:0;border-radius:5px;cursor:pointer;font-size:18px;margin-bottom:15px;padding:5px}.Qrcode .barcode_img{background-color:#f5f5f5;width:400px}@media only screen and (max-width:800px){.Qrcode .barcode_img{background-color:#f5f5f5;width:250px}}.PasswordGenerator p{margin:5px 0}input[type=checkbox]{margin-right:0}.PasswordGenerator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;box-shadow:0 2px 10px #ffff9b33;margin:auto;max-width:100%;padding:20px;width:300px}.PasswordGenerator .result_container{align-items:center;background-color:#0006;display:flex;font-size:18px;height:50px;justify-content:start;letter-spacing:1px;padding:12px 10px;position:relative;width:100%}.PasswordGenerator #result{word-wrap:break-word;font-size:14px;max-width:calc(100% - 40px)}.PasswordGenerator .result_container .btn{align-items:center;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:5px;top:5px;width:40px}.PasswordGenerator .btn{background-color:#3b3b98;border:none;color:#f5f5f5;cursor:pointer;font-size:18px;padding:8px 12px}.PasswordGenerator #generate{display:block;margin:15px 0 5px;width:100%}.PasswordGenerator .setting{align-items:center;display:flex;justify-content:space-between;margin:15px 0}.Time .time_container{display:flex;flex-direction:row;margin:auto;width:500px}.ghamari,.miladi,.shamsi{background-color:#12121280;display:flex;flex-direction:column;height:250px;justify-content:space-between;margin:5px auto;padding:25px 5px;width:250px}.Time h3{margin:5px 0}.Time .title{font-size:20px;width:100%}.clock{align-items:center;border:10px solid #282828;border-radius:50%;display:flex;height:200px;justify-content:center;margin:15px auto;padding:.1rem;width:200px}.clock,.clock #clockInner{box-shadow:inset 1px 1px 5px #000,1px 1px 5px #000;position:relative}.clock #clockInner{background-color:#282828;border-radius:100%;height:100%;overflow:hidden;width:100%}.clock #clockInner:after{transform:rotate(90deg)}.clock #clockInner .marking,.clock #clockInner:after,.clock #clockInner:before{background-color:#3ff1f0;content:"";height:100%;left:49%;position:absolute;top:0;width:5px;z-index:0}.clock .marking{background-color:#bdbdcb!important;width:3px!important}.clock .marking-one{transform:rotate(30deg)}.clock .marking-two{transform:rotate(60deg)}.clock .marking-three{transform:rotate(120deg)}.clock .marking-four{transform:rotate(150deg)}.clock .clockFace{background-color:#282828;border-radius:100%;height:80%;left:10%;position:absolute;top:10%;width:80%;z-index:1}.clock #inner{background-color:#4d4b63;border-radius:18px;height:16px;left:50%;margin-left:-9px;margin-top:-6px;position:absolute;top:50%;width:16px;z-index:11}.clock #hour,.clock #minute,.clock #second{border-radius:10px;position:absolute;transform-origin:bottom;z-index:5}.clock #hour{height:25%;left:48.85%;top:26%;width:2.4%}.clock #hour,.clock #minute{background-color:#6ba6f6;opacity:.8}.clock #minute{height:30%;left:48.9%;top:20%;width:2%}.clock #second{background-color:#aa7c51;height:40%;left:49.2%;opacity:.8;top:10%;width:1.6%}.digital_clock{display:flex;font-size:32px;justify-content:center;margin:auto}@media only screen and (max-width:600px){.Time .time_container{width:100%}.ghamari,.miladi,.shamsi{width:33.3%}.Time h3{font-size:20px;margin:5px 0}.Time .title{font-size:14px}.Time h3{font-size:18px}}.Viewer{height:70vh;width:100%}.Viewer canvas{border:2px solid #add8e6;border-radius:10px;height:90%;width:90%}.Viewer .buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.Viewer .buttons div{background-color:#e0ffff;border-radius:5px;color:#121212;padding:5px}.Viewer input{display:none}.Viewer label{align-items:center;border:3px dashed #add8e6;border-radius:15px;display:flex;font-size:24px;height:90%;justify-content:center;margin:auto;width:90%}