@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&family=Raleway:wght@500;700;900&family=Roboto:wght@500;700;900&display=swap);*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth!important;-webkit-user-select:none!important;user-select:none!important}h1,h2,h3,h4,h5,span{font-family:RaleWay,"sans-serif";font-weight:900}a,li,p{font-family:Quicksand,"sans-serif";font-weight:900}::-webkit-scrollbar{background:inherit;width:0}div.App{justify-content:center}div.App,div.container{align-items:center;display:flex}div.container{border-radius:2rem;box-shadow:0 3px 8px rgba(0,0,0,.24);flex-direction:column;justify-content:flex-start;margin-top:2rem;min-width:200px;padding:1rem;width:500px}div.container form{flex-direction:row;margin-bottom:1rem}div.container div.data,div.container form{align-items:center;display:flex;justify-content:center;width:100%}div.container div.data{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.014);border-radius:1rem;box-shadow:0 4px 30px rgba(0,0,0,.1);box-shadow:0 3px 8px rgba(0,0,0,.24);flex-direction:column;height:auto;min-height:40vh;padding:0}div.container hr{border:none;border-radius:2rem;height:.5rem;margin:.5rem 0;outline:none;width:100%}div.container h1,div.container hr{background:linear-gradient(120deg,#03001e,#7303c0,#ec38bc)}div.container h1{-webkit-text-fill-color:transparent;align-self:center;-webkit-background-clip:text;background-clip:text}div.container div.recents{background:linear-gradient(120deg,#03001e,#7303c0,#ec38bc);border-radius:0 0 1rem 1rem;box-shadow:0 3px 8px rgba(0,0,0,.24);flex-direction:column;height:20vh;overflow:auto;padding:1rem;width:100%}div.container div.recents h2{color:#fff;font-family:Roboto,sans-serif}div.container div.recents div:first-child{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1}div.container div.recents div:first-child span{color:#ccc;font-family:Roboto,sans-serif;font-size:.5rem}div.container div.recents div.imageHolder{height:30px}div.container div.recents div.imageHolder img{height:100%}div.container div.recents section{align-items:center;display:flex;height:100%;justify-content:center}div.container div.recents section svg{fill:#fff;animation-direction:alternate-reverse;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:glow;animation-name:glow;-webkit-animation-timing-function:linear;animation-timing-function:linear;font-size:4rem}div.container div.recents>div{align-items:center;background-color:hsla(0,0%,80%,.216);border-radius:2rem;box-shadow:0 3px 8px rgba(0,0,0,.24);color:#fff;cursor:pointer;display:flex;flex-direction:row;justify-content:center;margin:.5rem 0;padding:.5rem 1rem;transition:all 1s linear;width:100%}div.container div.recents>div p{flex-grow:1}div.container div.recents>div svg{font-size:2rem}div.container div.recents>div span.delete{align-items:center;align-self:flex-start;border:0;display:flex;height:100%;justify-content:center;outline:0;padding:0}div.container div.recents>div svg:hover{fill:#ccc}div.container div.Text{-webkit-text-fill-color:transparent;align-items:flex-start;background:linear-gradient(200deg,#989898,#7303c0,#ec38bc);-webkit-background-clip:text;background-clip:text;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:1rem;width:100%}div.container div.Text p:first-child{font-family:Roboto,sans-serif;font-size:2rem;margin:.5rem 0}div.container div.Text div.info{align-items:center;display:flex;flex-direction:row;justify-content:center;width:100%}div.container div.Text label{flex-grow:1;font-family:RaleWay,"sans-serif";font-weight:700;min-width:150px}div.container div.Text label:after{content:":"}div.container div.Text p{font-size:1rem}div.container div.Text div.imageHolder{align-items:center;display:flex;height:150px;justify-content:center;width:100%}div.container div.Text div.imageHolder p{font-family:RaleWay,"sans-serif";font-size:3rem}div.container div.Text div.imageHolder img{-webkit-filter:drop-shadow(2px 2px 2px #000);filter:drop-shadow(2px 2px 2px #000);height:100%}input.inputBox{border:none;border-radius:16px;box-shadow:0 3px 8px rgba(0,0,0,.24);flex-grow:1;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:900;padding:.5rem}.btn-common{background:linear-gradient(120deg,#03001e,#7303c0,#ec38bc);background-size:200%;border-radius:2rem;border-width:0;box-shadow:0 3px 8px rgba(0,0,0,.24);color:#fff;cursor:pointer;font-family:Quicksand,sans-serif;font-weight:700;height:100%;margin:.2rem;outline:none;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .4s ease-in-out}.btn-common,div.initailWrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}div.initailWrapper{flex-grow:1;width:100%}div.initailWrapper div:first-child{height:200px}div.initailWrapper div:first-child img{height:100%}@media screen and (max-width:820px){div.container{border-radius:0;margin-top:0;min-height:100vh;width:100%}div.data{flex-grow:1;height:100%!important;justify-content:flex-start!important;padding:1rem}div.data div.Text p{flex-wrap:wrap;font-size:1rem}}div.social{align-items:center;align-self:flex-end;display:flex;justify-content:center;margin-top:1rem;width:100%}div.social i{color:#b4b4b4;font-family:Roboto,sans-serif;font-size:.6rem;font-style:normal;font-weight:700}div.social div.icons{align-self:flex-start;flex-grow:1;justify-content:flex-start}div.social a.icon{color:#b4b4b4;-webkit-filter:drop-shadow(1px 1px 2px #ccc);filter:drop-shadow(1px 1px 2px #ccc)}div.social a.icon:hover{color:#fff}@media(hover:hover){.btn-common:active,.btn-common:hover{background-position:200%;border-radius:.5rem}}div.preloader{background:#000;bottom:0;color:#fff;height:100vh!important;left:0;overflow:hidden;position:fixed;right:0;z-index:50}div.preloader,div.texts-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}div.texts-container{font-size:2.5rem;height:400px;margin:3rem 0;padding:2rem}@-webkit-keyframes glow{0%{-webkit-filter:drop-shadow(0 0 15px #fff);filter:drop-shadow(0 0 15px #fff)}to{-webkit-filter:drop-shadow(0 0 5px #fff);filter:drop-shadow(0 0 5px #fff)}}@keyframes glow{0%{-webkit-filter:drop-shadow(0 0 15px #fff);filter:drop-shadow(0 0 15px #fff)}to{-webkit-filter:drop-shadow(0 0 5px #fff);filter:drop-shadow(0 0 5px #fff)}}.app-logo{animation-direction:alternate-reverse;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:glow;animation-name:glow;-webkit-animation-timing-function:linear;animation-timing-function:linear;height:100px}div.texts-container span{font-family:Raleway,sans-serif}@media screen and (max-width:991px){div.texts-container{flex-direction:column;font-size:1.5rem}}
/*# sourceMappingURL=main.6652cd55.css.map*/