@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{overflow-x:hidden;background:linear-gradient(107.56deg,#4cc8c8,#202033);font-family:"Raleway",sans-serif;background-repeat:no-repeat;background-attachment:fixed}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}p,ul{padding:0;margin:0}ul{list-style:none}h2{padding:0;margin:0}header .pasteezLogo{font-weight:800;font-size:26px;color:#edf0f1}a,li{font-weight:500;font-size:16px;color:#edf0f1;text-decoration:none}header{font-size:2em;font-weight:800;color:#fff;justify-content:space-between;padding:0 10%;height:14vh}.navlinks,header{display:flex;align-items:center}.navlinks{list-style:none;margin:0}.navlinks li{display:inline-block;padding:0 20px}.navlinks li a{font-weight:600;transition:all .3s ease 0s}.navlinks li a:hover{color:#0088a9}#navbar-profile-icon:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}footer{display:flex;align-items:center;justify-content:center;font-size:.7em;text-align:center;height:16vh}.footer-content{color:#fff}.hamburger{display:none}.arrow{--active:#fff;--border:hsla(0,0%,100%,0.12);display:block;position:relative;width:44px;height:44px}.arrow i{margin:-10px 0 0 -10px;width:20px;height:20px}.arrow i,.arrow i:after,.arrow i:before{display:block;position:absolute;left:50%;top:50%}.arrow i:after,.arrow i:before{content:"";width:10px;height:2px;border-radius:1px;background:var(--active);margin:-1px 0 0 -5px;-webkit-transform-origin:9px 50%;transform-origin:9px 50%}.arrow i:before{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}.arrow i:after{-webkit-transform:rotate(40deg);transform:rotate(40deg)}.arrow:after,.arrow:before{content:"";display:block;position:absolute;left:1px;right:1px;top:1px;bottom:1px;border-radius:50%;border:2px solid var(--border)}.arrow svg{width:44px;height:44px;display:block;position:relative;z-index:1;color:var(--active);stroke-width:2px;stroke-dashoffset:126;stroke-dasharray:126 126 0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.arrow.animate svg{-webkit-animation:stroke 1s ease .3s forwards;animation:stroke 1s ease .3s forwards}.arrow.animate i{-webkit-animation:arrow 1.6s ease forwards;animation:arrow 1.6s ease forwards}.arrow.animate i:before{-webkit-animation:arrowUp 1.6s ease forwards;animation:arrowUp 1.6s ease forwards}.arrow.animate i:after{-webkit-animation:arrowDown 1.6s ease forwards;animation:arrowDown 1.6s ease forwards}@-webkit-keyframes stroke{52%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);stroke-dashoffset:0}52.1%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);stroke-dashoffset:0}to{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);stroke-dashoffset:126}}@keyframes stroke{52%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);stroke-dashoffset:0}52.1%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);stroke-dashoffset:0}to{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);stroke-dashoffset:126}}@-webkit-keyframes arrow{0%,to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}23%{-webkit-transform:translateX(17px);transform:translateX(17px);opacity:1}24%,80%{-webkit-transform:translateX(-22px);transform:translateX(-22px);opacity:0}81%{opacity:1;-webkit-transform:translateX(-22px);transform:translateX(-22px)}}@keyframes arrow{0%,to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}23%{-webkit-transform:translateX(17px);transform:translateX(17px);opacity:1}24%,80%{-webkit-transform:translateX(-22px);transform:translateX(-22px);opacity:0}81%{opacity:1;-webkit-transform:translateX(-22px);transform:translateX(-22px)}}@-webkit-keyframes arrowUp{0%,to{-webkit-transform:rotate(-40deg) scaleX(1);transform:rotate(-40deg) scaleX(1)}20%,80%{-webkit-transform:rotate(0deg) scaleX(.1);transform:rotate(0deg) scaleX(.1)}}@keyframes arrowUp{0%,to{-webkit-transform:rotate(-40deg) scaleX(1);transform:rotate(-40deg) scaleX(1)}20%,80%{-webkit-transform:rotate(0deg) scaleX(.1);transform:rotate(0deg) scaleX(.1)}}@-webkit-keyframes arrowDown{0%,to{-webkit-transform:rotate(40deg) scaleX(1);transform:rotate(40deg) scaleX(1)}20%,80%{-webkit-transform:rotate(0deg) scaleX(.1);transform:rotate(0deg) scaleX(.1)}}@keyframes arrowDown{0%,to{-webkit-transform:rotate(40deg) scaleX(1);transform:rotate(40deg) scaleX(1)}20%,80%{-webkit-transform:rotate(0deg) scaleX(.1);transform:rotate(0deg) scaleX(.1)}}.container{height:71%;display:flex;align-items:center;justify-content:center}.form-container{border-radius:10px;padding:20px;color:#fff;width:auto;background-color:rgba(0,0,0,.5)}.home-heading{font-size:4em;font-weight:800}.home-sub-heading{font-family:sans-serif}.form label{font-weight:500;font-size:.8em}.form input,.form select{margin:10px 0;width:20em;background:#3e5f64;color:#fff;border:none;height:40px;border-radius:5px;padding:0 10px}.form input:focus,.form select:focus{outline:none}.form-title{text-align:center;padding:20px 0;font-size:2em;font-weight:600}#form-button{display:flex;align-items:center;justify-content:center;padding:10px 0}.submit-btn{margin:10px 0;background-color:#2b7885;border:none;color:#fff;padding:10px 30px;text-align:center;text-decoration:none;display:inline-block;font-size:.8em;border-radius:40px}.submit-btn:hover{cursor:pointer;background-color:#8bdbe9;color:#000}.main-container{align-items:center;color:#fff;min-height:70vh}.main-container,.pasteez-editor{display:flex;justify-content:center;flex-direction:column}.pasteez-editor{margin-top:40px}.exportableFrame{padding:50px}.frame-header{border-radius:10px 10px 0 0;background:rgba(0,0,0,.65);height:30px;display:flex;padding-top:8px}.frame-header-buttons{display:flex;align-items:center;width:4em;padding-left:20px}.frame-header-circle{margin:0 10px 0 0;height:12px;width:12px;border-radius:50%}.red-circle{background-color:#ff9191}.yellow-circle{background-color:#fdff71}.green-circle{background-color:#9eff71}.frame-header-title{width:100%;display:flex;justify-content:center}.frame-header-title input{font-size:15px;font-family:monospace;text-align:center;background:transparent;outline:none;color:hsla(0,0%,100%,.5);border:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#code-editor{border:none;outline:none}.code-editor-wrapper{font-family:"Fira code","Fira Mono",monospace;font-size:15px;min-width:42em;max-width:60em;background:rgba(0,0,0,.65);overflow-wrap:break-word;border-radius:0 0 10px 10px;letter-spacing:.5px}.frame-footer-buttons{display:flex;justify-content:space-between;padding-top:18px}.editor-frame{border-radius:10px;box-shadow:2px 10px 50px rgba(0,0,0,.6)}.settings-btn{justify-content:space-between;display:flex}.features-btn{display:flex}.Dropdown-root{margin-right:10px}.btn,.Dropdown-menu{background-color:rgba(0,0,0,.5);color:hsla(0,0%,100%,.8);font-family:monospace;font-size:13px;border:none;box-shadow:0 0 10px rgba(0,0,0,.2)}.Dropdown-placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn{border-radius:5px;width:10em}.btn:hover{background-color:rgba(0,0,0,.7);color:#fff;transition:all .5s ease 0s;cursor:pointer}.export-btn{color:#ff9191}.export-btn,.share-btn{display:flex;align-items:center;justify-content:center}.share-btn{color:#fdff71;color:#33b4ff;margin-right:10px;height:100%}.Dropdown-menu{width:13em;box-shadow:2px 10px 50px rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.2);background-color:rgba(0,0,0,.65);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:5px;margin:5px 0;bottom:100%;left:-15%;top:auto;-webkit-animation:fadein .3s ease;animation:fadein .3s ease;transition:.3s ease-out}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}.Dropdown-menu::-webkit-scrollbar{display:none}.Dropdown-option{color:hsla(0,0%,100%,.8)}.pcr-app .pcr-interaction .pcr-save{background:#ff3759}.pickr .pcr-button{height:2em;width:2em;outline:none;border:none}.pickr .pcr-button:after,.pickr .pcr-button:before{border-radius:50%;outline:none;border:none}.pickr .pcr-button:focus{outline:none;border:none;box-shadow:none}.Typewriter__wrapper{font-family:"Montserrat",sans-serif;font-weight:700;font-size:3em}.Typewriter__cursor{font-size:3em;letter-spacing:-10px}.arrow-button{margin-top:2em;scale:1.6}@media only screen and (min-device-width:320px) and (max-device-width:480px){#root{display:flex;flex-direction:column;justify-content:center;margin-right:-20px}.main-container{align-items:unset}.code-editor-wrapper{min-width:unset;max-width:unset}.frame-footer{display:flex;justify-content:center}.frame-footer-buttons,.settings-btn{display:flex;justify-content:center;flex-direction:column}.btn{height:40px;width:20.5em}header{font-size:1.5em}header .navlinks{display:none}.hamburger{display:block}}.profile-header{display:flex;position:relative;flex-direction:column;height:320px;width:65%;margin:0 10%;border-radius:15px}.profile-header-lower,.profile-header-upper{height:50%;width:calc(100% - 6em);display:flex;padding:0 3em;border-bottom:1px solid #fff;border-radius:15px 15px 0 0}.profile-header-upper{background-color:rgba(0,0,0,.7)}.profile-header-lower{background-color:rgba(0,0,0,.5)}.contents-left{display:flex;height:100%;width:20%}.profile-image-container{position:absolute;left:3em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.profile-image-container,.profile-image-container.modal{display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-image-container.modal{position:relative;left:0;top:0;border-radius:50%;-webkit-transform:translateY(0);transform:translateY(0)}.profile-image-container.modal:hover{background:hsla(0,0%,100%,.5);transition:.1s}.profile-image-container img{width:10em;height:10em;border-radius:50%;border:2.5px solid #fff}.contents-right{display:flex;height:100%;width:80%}.contents-right ul{display:flex;width:100%;justify-content:space-between}.contents-right ul li{align-self:flex-end;margin-bottom:10px}.contents-right ul li:first-child{font-size:1.4em;font-weight:700}.contents-right ul li:nth-child(2){font-size:.9em;font-weight:300;justify-self:flex-end}.contents-right .edit-btn{position:absolute;right:0;display:flex;align-items:center;justify-content:center;margin-top:10px;margin-right:10px;width:3.3em;height:3.3em;border-radius:50%;background-color:hsla(0,0%,100%,0);transition:.5s}.contents-right .edit-btn:hover{background-color:hsla(0,0%,100%,.1)}.contents-right .edit-btn i{font-size:1.3em}.profile-header-lower{border-radius:0 0 15px 15px;border-bottom:0;border-top:1px solid #fff}.contents-right p{margin-top:.8em;font-weight:200;letter-spacing:1px;font-size:.8em;text-align:justify}.profile-main{display:flex;width:65%;margin:2% 10% 0}.profile-posts{display:flex;flex-direction:column;width:70%;height:100%}.posts-header{display:flex;justify-content:space-between;align-items:center}.create-post-btn{height:35px}.profile-posts-list{display:flex;width:30%;height:100%}.post-container{display:flex;flex-direction:column;margin-top:2em;background-color:rgba(0,0,0,.7);border-radius:15px;padding:2em 2em 1em}.post-container .date{align-self:flex-end;position:relative;bottom:1em;font-size:.9em;font-weight:100}.post-container-top{position:relative;bottom:2em;justify-content:space-between}.data-container,.post-container-top,.small-profile-image-container{display:flex;align-items:center}.small-profile-image-container{justify-content:center;margin:0 1em 0 0}.small-profile-image-container img{width:4em;height:4em;border-radius:50%;border:2px solid #fff}.post-container-top ul:first-child{display:flex;align-items:center}.post-container-top ul:first-child li:first-child{font-weight:700;margin-right:.5em}.post-container-top ul:first-child li:nth-child(2){font-size:.8em;font-weight:300}.post-container-top ul:nth-child(2) li:nth-child(2) p{margin-top:.5em;font-weight:300;font-size:1em;text-align:justify}.button-container{position:relative;align-self:flex-end;bottom:1em;z-index:1;display:flex}.button-container.editor{flex-direction:column;align-self:unset;margin:3.5em 0;padding:0 1em}.button-container.editor.password{position:relative;right:4.8em;top:.4em;align-self:flex-end;z-index:1;display:flex}.button-container .post-edit-btn.edit,.button-container .post-edit-btn.trash{position:relative;right:0;display:flex;align-items:center;justify-content:center;margin-right:10px;width:3.3em;height:3.3em;border-radius:50%;background-color:hsla(0,0%,100%,0);transition:.5s}.button-container .post-edit-btn.trash{color:rgba(255,50,50,.7333333333333333)}.button-container .post-edit-btn.clipboard{position:relative;right:0;display:flex;align-items:center;justify-content:center;width:3.3em;height:3.3em;border-radius:50%;background-color:rgb(0 0 0/20%);box-shadow:none;transition:.5s}.button-container .post-edit-btn.password,.button-container .post-edit-btn.save{position:relative;right:0;display:flex;align-items:center;justify-content:center;margin-top:1em;width:3.3em;height:3.3em;border-radius:50%;background-color:rgb(0 0 0/20%);box-shadow:none;transition:.5s}.button-container .post-edit-btn.clipboard:hover,.button-container .post-edit-btn.password:hover,.button-container .post-edit-btn.save:hover{background-color:hsla(0,0%,100%,.8);color:#000}.button-container .post-edit-btn:hover{background-color:hsla(0,0%,100%,.1)}.button-container .post-edit-btn i{font-size:1.3em}.post-container-main{position:relative;bottom:2em;margin-left:5em;margin-top:1em;border-radius:12px;box-shadow:2px 10px 50px rgba(0,0,0,.6);background:#000}.post-code-wrapper{font-family:"Fira code","Fira Mono",monospace;font-size:15px;border-radius:12px;overflow-wrap:break-word;letter-spacing:.5px}.no-posts{margin-top:2em;text-align:center}.modal-backdrop{position:relative;display:flex;align-items:center;flex-direction:column;position:fixed;top:0;left:0;z-index:2}.modal-backdrop,.modal-bg-blur{width:100%;height:100%;max-width:100vw;max-height:100vh;overflow-y:auto}.modal-bg-blur{position:fixed;background-color:rgba(0,0,0,.3);backdrop-filter:unset;-webkit-backdrop-filter:blur(1.5px);z-index:-1}.post-modal{position:absolute;top:200px}#code-editor::-webkit-input-placeholder{color:#fff;opacity:.5}#code-editor:-ms-input-placeholder{color:#fff;opacity:.5}#code-editor::placeholder{color:#fff;opacity:.5}.modal-backdrop::-webkit-scrollbar{display:none}.modal-backdrop{-ms-overflow-style:none;scrollbar-width:none}.caption-box::-webkit-input-placeholder{color:#fff;opacity:.5}.caption-box::placeholder{color:#fff;opacity:.5}.caption-box:-ms-input-placeholder{color:#fff;opacity:.5}.caption-box::-ms-input-placeholder{color:#fff;opacity:.5}.delete-alert-container{border-radius:10px;border:1px solid hsla(0,0%,100%,.2);color:#fff;box-shadow:2px 10px 50px rgb(0 0 0/60%);backdrop-filter:unset;-webkit-backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:50px;padding:2em}.btn.delete{height:3em;width:7em;font-size:1.05em}.btn.delete.yes{margin-right:1em;background:rgba(255,32,32,.5)}.btn.delete.yes:hover{background:rgba(255,32,32,.6)}.btn.delete.no{margin-left:1em}.password-modal-container{font-family:"Fira code","Fira Mono",monospace;border-radius:10px;border:1px solid hsla(0,0%,100%,.2);color:#fff;box-shadow:2px 10px 50px rgb(0 0 0/60%);backdrop-filter:unset;-webkit-backdrop-filter:blur(15px);display:flex;flex-direction:column;justify-content:center;margin-top:50px;padding:2em}.password-modal-container.on-click{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.password-box::-webkit-input-placeholder{font-family:"Fira code","Fira Mono",monospace}.password-box:-ms-input-placeholder{font-family:"Fira code","Fira Mono",monospace}.password-box::placeholder{font-family:"Fira code","Fira Mono",monospace}.edit-profile-container{border-radius:10px;border:1px solid hsla(0,0%,100%,.2);color:#fff;box-shadow:2px 10px 50px rgb(0 0 0/60%);backdrop-filter:unset;-webkit-backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:5em;padding:2em}.label{font-size:.8em}.input-box{border-radius:"5px";border:"none";background:"rgba(0, 0, 0, 0.5)";outline:"none";color:"white";padding:"0px 10px";width:"24em"}.btn.update{height:3em;width:7em;font-size:1.05em;margin-right:1em;background:rgba(51,180,255,.5)}.btn.update:hover{background:rgba(51,180,255,.6)}
/*# sourceMappingURL=main.713a42fc.chunk.css.map */