@import url(https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap);:root{--border-radius:0.6rem;--text-color:#fff}*{box-sizing:border-box;font-family:Teko,sans-serif;list-style-type:none;margin:0;outline:none;padding:0;text-decoration:none}html{scroll-behavior:smooth}body{background-color:#aee8ec}.flex-centered{align-items:center;display:flex;justify-content:center}button:hover,input[type=radio]:hover{cursor:pointer}.header{height:10vh;justify-content:end;padding:0 1rem}.search-body{background-color:#aee8ec;height:5vh;left:1rem;position:absolute;top:1rem}.search-body,.search-container{align-items:center;display:flex;justify-content:center}.search-container{background:#fff;border-radius:30px;box-shadow:inset 2px 2px 2px 0 hsla(0,0%,100%,.5),inset -7px -7px 10px 0 rgba(0,0,0,.1),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1);cursor:pointer;height:30px;padding:10px 20px;text-shadow:0 0 6px hsla(0,0%,100%,.3),-4px -4px 6px hsla(213,8%,49%,.2);text-shadow:2px 2px 3px hsla(0,0%,100%,.5);transition:.8s}.search-container:hover>.search-input{width:15rem}.search-container .search-input{background:transparent;border:none;font-size:16px;font-weight:500;outline:none;transition:.8s;width:0}.fas{margin-top:8px}.search-container .search-btn .fas{color:#5cbdbb}.create__then{color:#076479}.create__then:hover{color:#5cbdbb}.route{-webkit-text-stroke:1px rgba(211,208,12,.5);color:#000;font-family:Get Schwifty;font-size:2em;padding-left:2rem;padding-top:1rem}.character__name{color:#fff;font-size:2rem;margin:1rem 0;text-align:center}.data{grid-gap:1rem;color:#fff;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;padding:1rem;width:90vw}img{width:100%}.link{color:#fff}.character{background-color:#838380;border-radius:.6rem;color:#fff;font-size:1.6rem;padding:.6rem;transition:all .3s}.character:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.container{display:grid;height:45vh}.title{-webkit-text-stroke:1px rgba(0,0,0,.5);bottom:.8em;color:#08bae3;font-size:10em;height:70vh;position:absolute;text-align:center;width:100%;z-index:50}.title,.title span{font-family:Get Schwifty}.title span{font-size:.5em}.title.middle{-webkit-text-stroke:.1em #fff765;z-index:49}.title.bottom{-webkit-text-stroke:.4em #000;z-index:48}.portal{background-color:#66ba4f;background:radial-gradient(circle at 77% 80%,#fdfeb4 2.5%,transparent 0),radial-gradient(circle at 75% 83%,#fdfeb4 2%,transparent 0),radial-gradient(circle at 79% 83%,#fdfeb4 1%,transparent 0),radial-gradient(circle at 45% 13%,#ffffd5 1.5%,transparent 0),radial-gradient(circle at 42% 13%,#ffffd5 2%,transparent 0),radial-gradient(circle at 38% 14%,#ffffd5 1.5%,transparent 0),radial-gradient(circle at 20% 24%,#fdfeb4 1%,transparent 0),radial-gradient(circle at 21% 23%,#fdfeb4 1%,transparent 0),radial-gradient(circle at 51% 13%,#fdfeb4 1%,transparent 0),radial-gradient(circle at 81% 33%,#fdfeb4 1%,transparent 0),radial-gradient(circle at 85% 36%,#fdfeb4 2%,transparent 0),radial-gradient(circle at 21% 46%,#fdfeb4 1%,transparent 0),radial-gradient(circle at 20% 51%,#fdfeb4 2%,transparent 0),radial-gradient(circle at 53% 51%,transparent 64%,#43a93e 0),radial-gradient(circle at 47% 59%,transparent 64%,#43843e 0),radial-gradient(circle at 47% 60%,transparent 59%,#1a9042 0),radial-gradient(circle at 50% 59%,transparent 55%,#1b863c 0),radial-gradient(circle at 45% 60%,transparent 55%,#399c49 0),radial-gradient(circle at 47% 60%,transparent 46%,#1a9042 0),radial-gradient(circle at 46% 55%,transparent 43%,#75b03b 0),radial-gradient(circle at 36% 55%,transparent 43%,#a9cb48 0),radial-gradient(circle at 50% 60%,transparent 40%,#66ba4f 0),radial-gradient(circle at 50% 53%,transparent 40%,#e5e051 0),radial-gradient(circle at 30% 48%,transparent 40%,#eaf157 0),radial-gradient(circle at 57% 69%,transparent 40%,#eaf157 0),radial-gradient(circle at 40% 88%,transparent 40%,#e9e072 0),radial-gradient(circle at 67% 54%,transparent 40%,#faeb7b 0),radial-gradient(circle at 49% 35%,transparent 40%,#fff8c5 0),radial-gradient(circle at 79% 59%,transparent 40%,#fffe9c 0),radial-gradient(circle at 50% 50%,#fdfeb4 100%,#fdfeb4 0);border-radius:50%;box-shadow:0 0 40px 10px #448c3f;height:65em;margin:auto;width:65em}@font-face{font-family:Get Schwifty;src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3089507/get-schwifty.woff) format("woff")}.create{background-color:#cfcfc6a6;background-image:url(/static/media/form-background.615d754a4ad62e79d74c.jpg);background-position:70% 100%;background-repeat:no-repeat;background-size:cover;border-radius:1rem;color:#fff;margin:5vh auto;max-width:70vw;min-height:70vh;padding:1rem}.create__header{font-size:2rem;min-height:5rem;text-align:center}form{border-radius:1rem;flex-direction:column;font-size:1.4rem;gap:1rem;height:80%;width:65%}.form__element{align-items:flex-start;background-color:#b5edfc;border-radius:.6rem;border-radius:var(--border-radius);color:#262c3a;display:flex;flex-direction:column;margin:0 auto;padding:.5rem;width:80%}form img{margin:0 auto;min-height:auto;width:80%}form input,form select{background-color:initial;border:none;border-bottom:2px solid #262c3a;color:#262c3a;font-size:1.6rem;height:3rem;padding:.5rem;text-align:left;width:98%}.radio-row{gap:.8rem}.radio-element input{width:2rem}.radio-element input:checked{accent-color:#262c3a}.radio-element label{font-size:1.5rem}.radio-element input[type=file]{width:98%}.form__upload{display:none}#upload-label{margin:0 auto}.upload-logo-alternative{display:block;transition:color .2s linear}.upload-logo-alternative:hover{color:#4a4762;cursor:pointer}.upload-logo{-webkit-animation:heart-beat 1s ease-in infinite alternate;animation:heart-beat 1s ease-in infinite alternate;-webkit-filter:drop-shadow(16px 16px 20px red) invert(75%);filter:drop-shadow(16px 16px 20px red) invert(75%);font-size:10rem}@-webkit-keyframes heart-beat{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes heart-beat{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.upload-logo:hover{cursor:pointer}.disabled-logo{-webkit-animation:none;animation:none}.disabled-logo:hover{cursor:default}form>button{background-color:#262c3a;border:none;color:#fff;font-family:Get Schwifty;font-size:2rem;height:3.5rem;width:60%}form>button:hover{color:#b5edfc}.name-valid{box-shadow:none}.name-invalid{box-shadow:1px 1px 15px red}.name-invalid:after{content:"Name should consist of at least 3 characters"}.character__conteiner{align-items:center;display:flex;justify-content:space-between}.shot svg{font-size:2.5rem;margin-right:1rem}.shot:hover svg{-webkit-transform:scale(1.2);transform:scale(1.2);transition:.3s}.description__header{font-size:2rem}.ditails__header{color:#fff;font-size:4rem;margin:1rem 0;text-align:center}.title__dsc{color:orange}.character__link :hover{-webkit-transform:scale(1.2);transform:scale(1.2);transition:.3s}.details{min-height:80vh}.character-details{display:flex;flex-direction:column;gap:2rem;height:50%;width:60%}.container__col{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.type{display:inline-block}.typed{-webkit-animation:typing;animation:typing;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:steps(30);animation-timing-function:steps(30);overflow:hidden;white-space:nowrap;width:0}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}.details .character:hover{-webkit-transform:none;transform:none}.footer{grid-gap:1rem;background-color:#838380;color:#fff;display:grid;font-size:1.6rem;grid-template-columns:1fr 3fr 1fr;min-height:10vh}.footer,.footer>div{gap:1rem}.footer a,.footer a:visited{color:#fff}.icon{font-size:1.7rem}.footer a:hover{color:#aee8ec}.error,.loading,.not-found{flex-direction:column;gap:2rem;min-height:80vh}.error__logo,.loading__logo,.not-found__logo{min-height:auto;width:10rem}.error__body,.loading__body,.not-found__body{font-size:1.5rem}.not-found>a{border-radius:.6rem;border-radius:var(--border-radius);color:#262c3a;font-size:1.8rem;padding:.2rem .7rem;transition:all .2s linear}.not-found>a:hover{background-color:#262c3a;color:#aee8ec}.blinking{-webkit-animation:blink .5s linear infinite;animation:blink .5s linear infinite}@-webkit-keyframes blink{0%{opacity:1}to{opacity:0}}@keyframes blink{0%{opacity:1}to{opacity:0}}.search-not-found{flex-direction:column;font-size:3rem;justify-content:flex-start;min-height:75vh;padding-top:10vh}.search-not-found p{text-align:center}@media (max-width:1200px){.data{grid-template-columns:repeat(3,minmax(0,1fr))}.portal{max-height:50em;max-width:50em}.create{max-width:80vw}.container__col{grid-template-columns:repeat(1,minmax(0,1fr));margin-bottom:1rem}.search-not-found{min-height:55vh;padding-top:5vh}}@media (max-width:962px){.data{grid-template-columns:repeat(3,minmax(0,1fr))}.portal{max-height:45em;max-width:45em}.container{height:35vh}.title{font-size:7em}.footer{grid-template-columns:repeat(2,1fr);padding:1rem 2rem}.footer-center{grid-column:1/span 2;grid-row:2}.search-not-found{min-height:50vh;padding-top:5vh}}@media (max-width:768px){.character{grid-template-columns:repeat(1,minmax(0,1fr))}.search-container:hover>.search-input{width:10rem}.data{grid-template-columns:repeat(2,minmax(0,1fr))}.portal{max-height:40em;max-width:40em}.container{height:30vh}.character-details{width:70%}.ditails__header{font-size:3rem;margin:0}.search-not-found{min-height:45vh;padding-top:3vh}}@media (max-width:600px){.data{grid-template-columns:repeat(1,minmax(0,1fr));margin:0 auto;width:90vw}.search-container:hover>.search-input{width:8rem}form{margin:1rem auto;width:95%}.create{background-color:#262c3a;background-image:none;padding:1rem .5rem}.portal{max-height:30em;max-width:30em}.container{height:30vh}.title{font-size:5em}.footer>.footer-center{flex-direction:column;gap:.5rem}.col-75{max-width:100%}.col-75,.container__col{font-size:1.5rem}.character-details{width:80%}.search-not-found{font-size:2rem;min-height:35vh;padding-top:5vh}}@media (max-width:450px){.portal{max-height:20em;max-width:20em}.title{font-size:4.5em;top:20vh}.search-container:hover>.search-input{width:5rem}.ditails__header{font-size:2.5rem}.search-not-found{font-size:2rem;min-height:35vh;padding-top:10vh}}@media (max-width:370px){.portal{max-height:17em;max-width:17em}.title{font-size:4em;top:15vh}.route{font-size:1.5rem}.search-container:hover>.search-input{width:3rem}.character-details{width:95%}}
/*# sourceMappingURL=main.a51de1b7.css.map*/