@import"https://fonts.googleapis.com/css2?family=Saira&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}body{background:#121212;color:#e1dbd7}:root{--purple: #7630fa;--yellow: #f5d547;--black: #121212;--red: #ff0020;--white: #e5e5e5}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}nav{display:flex;justify-content:space-between;align-items:center;font-family:Saira,sans-serif;font-size:1rem;background-color:#151515;box-shadow:-10px 0 35px #00000050,10px 0 35px #00000050;padding:.5rem .9rem;margin:1rem auto;border-radius:50px;z-index:9999;width:80vw}nav .logo{display:flex;justify-content:space-between;align-items:center;background-color:#151515;padding:0rem 1.2rem 0rem .2rem;border-radius:50px;font-family:Saira,sans-serif;letter-spacing:.1rem;font-size:1rem;font-weight:bolder;border:none;cursor:pointer;outline:none;transition:all .3s ease}nav .logo span{margin:0rem 1rem;font-family:Saira,sans-serif;letter-spacing:.2rem;font-size:1.8rem;font-weight:bolder;color:var(--yellow)}nav ul{justify-content:space-between;align-items:center;list-style:none}nav ul li{display:inline;margin:0 10px}nav ul li :hover,.active{background-color:var(--yellow);color:#444}nav ul li a{color:#e1dbd7;font-family:Saira,sans-serif;font-weight:900;letter-spacing:.2rem;margin-left:0rem 1rem;padding:.5rem 1rem;border-radius:50px;transition:all .3s ease}nav img{border:var(--purple) 2px solid;width:50px;height:50px;border-radius:25px;transform:translateY(3.5px)}nav button{background-color:var(--yellow);padding:1rem 1.25rem;border-radius:50px;font-family:Saira,sans-serif;letter-spacing:.1rem;font-size:1rem;font-weight:bolder;border:none;color:#151515;cursor:pointer;outline:none;transition:all .3s ease}.hamburger{display:none}.hamburger-react{display:inline-block;cursor:pointer}.hamburger-react .hamburger-react-box{display:inline-block;position:relative;width:24px;height:24px}.hamburger-react .hamburger-react-inner{display:block;position:absolute;width:100%;height:2px;background-color:#000;border-radius:2px;transition-duration:.2s;transition-property:transform;transition-timing-function:ease}.hamburger-react .hamburger-react-inner:before,.hamburger-react .hamburger-react-inner:after{content:"";display:block;position:absolute;width:10%;height:2px;background-color:#000;border-radius:2px;transition-duration:.2s;transition-property:transform;transition-timing-function:ease}.hamburger-react .hamburger-react-inner:before{top:-6px}.hamburger-react .hamburger-react-inner:after{bottom:-6px}@media (max-width: 912px){.hamburger{display:flex;margin-right:2%}.menu{display:none}nav ul{display:none}nav ul li{display:block;margin:1rem 0}}.menu-open{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:9999;display:flex;align-items:center;flex-direction:column;justify-content:space-around;padding:5rem 0}.menu-open .hamburger{display:none}.close-menu{position:absolute;top:2rem;right:2rem;font-size:2rem;color:#fff;cursor:pointer;transition:all .3s ease}.close-menu:hover{color:var(--yellow)}@media screen and (max-width: 440px){nav{width:95vw}nav .logo{padding:0rem .5rem 0rem .2rem}nav .logo span{margin:0rem 1rem;font-size:1.2rem}nav img{width:40px;height:40px;border-radius:20px}}@media screen and (max-width: 290px){nav{width:95vw}nav .logo{padding:0rem .3rem 0rem .1rem}nav .logo span{margin:0rem .7rem;font-size:1.2rem}nav img{width:30px;height:30px;border-radius:20px}}.Home{display:flex;flex-direction:column;height:100vw;background-color:var(--black)}.input-container{display:flex;flex-direction:row;justify-content:center;margin:.5rem}.Link{text-align:center;width:50%;padding:.5rem;background:transparent;border:none;color:var(--white);font-size:1.5rem;font-family:Saira!important;border-radius:25px}.Link:hover{cursor:pointer}.Link:focus{outline:none;caret-color:var(--yellow)}@media screen and (max-width: 768px){.Link{font-size:1rem;padding:.8rem}}@media screen and (max-width: 330px){.Link{font-size:.8rem;padding:.6rem}}@media screen and (max-width: 280px){.Link{font-size:.6rem;padding:.4rem}}.Paste{text-align:center;margin:2%;padding:.5rem;background:transparent;border:none;color:var(--yellow);font-size:1.5rem;font-family:Saira!important;border-radius:25px}.Paste:hover{cursor:pointer;color:var(--purple);scale:1.1;transition:.3s ease-in-out}.Paste:focus{outline:none}@media screen and (max-width: 768px){.Paste{font-size:1rem;padding:.8rem}}@media screen and (max-width: 330px){.Paste{font-size:.8rem;padding:.6rem}}@media screen and (max-width: 280px){.Paste{font-size:.6rem;padding:.4rem}}.Divider{margin-bottom:.5rem}.fetch-container{display:flex;flex-direction:row;justify-content:center}.fetch{align-items:center;text-align:center;margin:0rem 1rem 2rem;width:25rem;letter-spacing:.1rem;padding:1rem;border-radius:25px;background:var(--purple);font-family:Saira!important;font-size:1rem;font-weight:900;color:var(--yellow);border:none}.fetch:hover{cursor:pointer;color:var(--yellow);background:var(--black);border:1.5px solid var(--purple);scale:1.05;transition:.3s ease-in-out}.fetch:focus{outline:none}@media screen and (max-width: 768px){.fetch{width:20rem;font-size:.8rem;padding:.8rem}}@media screen and (max-width: 330px){.fetch{width:15rem;font-size:.75rem;padding:.8rem}}@media screen and (max-width: 280px){.fetch{width:10rem;font-size:.65rem;padding:.6rem}}.Download-Content{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:.5rem}.Download-Item{display:flex;align-items:center;margin:1rem 2rem;padding:1rem;border:1px solid #6a5acd;border-radius:15px;background:#ffffff0d;transition:background .3s}.Download-Item:hover{background:#ffffff26}.Thumbnail{flex:0 0 60px;height:100px;display:flex;justify-content:center;align-items:center;margin-right:1rem}.Thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:10px}.Title{flex:1;font-size:1rem;font-family:Saira,sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:1rem}.Download{flex:0 0 45px;display:flex;justify-content:center;align-items:center}.Download a{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:none;color:gold;font-size:1.5rem;border-radius:25px;transition:color .3s,transform .3s}.Download a:hover{color:#6a5acd;transform:scale(1.1)}.Download a:focus{outline:none;color:#6a5acd}.Spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.About{display:flex;flex-direction:column;height:auto;background-color:var(--black);padding:2rem;font-family:Saira,sans-serif;color:var(--white);margin:0 2rem}.About h1{font-size:2.5rem;margin-bottom:1rem;color:var(--purple);text-align:center}.About h2{font-size:1.75rem;margin-top:1.5rem;margin-bottom:.5rem;color:var(--yellow)}.About p{line-height:1.6;margin-bottom:1rem;text-align:justify}.About .grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin:2rem 0}.About .grid-item{background:#ffffff1a;border-radius:8px;padding:1.5rem}.About .grid-item ul,ol{margin:0;padding-left:0;list-style-position:inside;margin-bottom:1rem}li{margin-bottom:.5rem}a{color:var(--purple);text-decoration:none}a:hover{color:var(--yellow)}@media (max-width: 768px){.grid-container{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.5rem}}body{margin: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}
