@import"https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";html,body{font-family:Karla,sans-serif}body{--page-width: 80%;--header-height: 90px;min-height:100svh;position:relative;overflow-x:hidden}*{margin:0;padding:0;border:0;outline:0}a{text-decoration:none}.basic-button{width:212px;height:66px;color:#212121;font-weight:700;font-size:23px;background:#ffc107;box-shadow:inset 0 -9px #0000002e;border-radius:11px;cursor:pointer;transition:box-shadow .3s ease-out,background .3s ease-out,color .3s ease-out}.basic-button:hover{color:#121111;background:#ffffff;box-shadow:inset 0 -9px #9b9a9ad8}.basic-button:active{transform:scale(98%)}@keyframes ani{0%{opacity:0}to{opacity:1}}img{animation:ani 2.5s forwards}header{display:flex;justify-content:center;width:100vw;height:var(--header-height);background:#1f2a63}.header-block{height:100%;width:var(--page-width);display:flex;justify-content:space-between;align-items:center}.header-logo{width:8rem;-webkit-user-drag:none;transition:filter .3s ease-out}.header-logo:hover{filter:drop-shadow(0 0 10px red) invert(75%)}.nav-option{color:#f6f7f9;font-weight:400;font-size:25px;transition:color .3s ease-out,border-color .3s ease-out}.nav-option:active{text-decoration:none}.nav-option:hover{color:#ff0;border-color:#ff0}.nav-option:first-child{margin:70px}.nav-active{--radius: 1px;border-bottom:2px solid #cfdab0;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.homepage-body{position:absolute;display:flex;justify-content:center;align-items:center;height:calc(100vh - var(--header-height));width:100%;background:linear-gradient(180deg,#1f2a63 0%,#17002f 100%);box-sizing:border-box;border-top:3px solid rgba(255,255,255,.377)}.homepage-block{display:flex;justify-content:space-around;align-items:center;width:var(--page-width)}.home-image{width:40vw;user-select:none;-webkit-user-drag:none;animation-duration:5s;animation-name:yoda;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.home-title{max-width:515px;font-size:4rem;font-weight:400;color:#fff;margin-bottom:64px}.title-bold{font-weight:600}.home-description{max-width:475px;font-weight:400;font-size:32px;color:#fff;margin-bottom:64px}@keyframes yoda{0%{rotate:3deg}25%{scale:102%}50%{rotate:-3deg}75%{scale:98%}to{rotate:3deg}}.cards-page-container{display:flex;justify-content:center}.cards-page-widecutter{position:relative;width:var(--page-width)}.react-select-container{font-size:16px;width:135px}.react-select__menu-list{background-color:#f2f2f2}.language-label{padding-top:28px;font-size:16px;text-align:right}.cards-title{padding-top:28px;font-size:35px;font-weight:600;letter-spacing:3px;text-align:center;color:#000;text-shadow:0px 4px 4px rgba(0,0,0,.25)}.cards-title>span{font-weight:900}.card-filters-container{padding-top:28px;display:flex;flex-wrap:wrap}.filter-container{display:flex;justify-content:center;align-items:center;margin-right:25px;margin-bottom:15px}.filter-container>p{font-size:16px;margin-right:18px}.cards-container{padding-top:25px;display:grid;grid-template-columns:repeat(3,30%);grid-column-gap:4.33%;grid-row-gap:5px;justify-items:stretch;margin-bottom:200px}.card-preview{position:relative;padding:0 25px;margin-bottom:25px;min-height:200px;border-radius:8px;background-color:#f0f0f0;filter:drop-shadow(4px 4px 4px rgba(33,33,33,.1));cursor:pointer;transition:transform .3s ease-out}.card-preview:hover{transform:scale(102%)}.card-preview-name{padding-top:20px;font-weight:700;font-size:18px;color:#212121}.card-preview-stats{width:100px;display:flex;justify-content:space-between;align-items:center}.card-preview-stat{padding-top:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.card-preview-stat-number{display:flex;width:40px;height:40px;justify-content:center;border:3px solid #212121;border-radius:50%}.card-preview-stat-number>p{align-self:center;font-size:15px;font-weight:400}.card-preview-labels{position:absolute;display:flex;bottom:12px}.card-feature{padding:0 10px;color:#212121;margin-right:15px;height:20px;background:white;border-radius:11px}.card-preview-gender{background-color:#73d677}.card-preview-birth_year{background-color:#07d6f2}.female{background-color:#c956ff}.hermaphrodite{background-color:#f5db13}.scroll-loader{width:150px;height:150px;position:fixed;display:flex;align-items:center;justify-content:center;min-height:fit-content;background-color:transparent;margin-left:auto;margin-right:auto;right:0;left:0;bottom:30px;animation:ani 1.5s forwards}.main-loader{margin-top:auto;margin-bottom:auto;bottom:30%}.loader{max-width:15rem;width:100%;height:auto;stroke-linecap:round}circle{fill:none;stroke-width:3.5;animation-name:preloader;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;transform-origin:170px 170px;will-change:transform}circle:nth-of-type(1){stroke-dasharray:550px}circle:nth-of-type(2){stroke-dasharray:500px}circle:nth-of-type(3){stroke-dasharray:450px}circle:nth-of-type(4){stroke-dasharray:300px}circle:nth-of-type(1){animation-delay:-.15s}circle:nth-of-type(2){animation-delay:-.3s}circle:nth-of-type(3){animation-delay:-.45s}circle:nth-of-type(4){animation-delay:-.6s}@keyframes preloader{50%{transform:rotate(360deg)}}.fetch-error-message{opacity:20%;font-size:200px;position:fixed;align-self:center;justify-self:center;bottom:35%}.error-block{position:relative;display:flex;justify-content:center;align-items:center;height:100svh;width:100vw;background:#17002f}.error-image{width:40vw;height:40vw;max-height:700px;z-index:2;user-select:none}.error-code{font-size:Min(900px,50vw);position:absolute;z-index:1;color:#e6e9ed;user-select:none}.return-button-link{position:absolute;bottom:5%;z-index:3}.error-button{color:#212121;background:#73d677;box-shadow:inset 0 -9px #0000002e}.module-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2121217c;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:10;animation:ani .5s forwards}.module-window-container{display:flex;flex-direction:column;align-items:flex-end;position:relative;width:800px;height:420px}.close-module-button{cursor:pointer;right:0;width:30px;height:30px}.module-window{border-radius:1rem;margin-top:18px;display:flex;width:100%;height:100%;background:#1f2a63}.left-module-container{display:flex;position:relative;width:45%}.profile-image{width:200px;height:200px;position:absolute;align-self:center;margin-left:auto;margin-right:auto;right:0;left:0}.features-container{width:fit-content;display:flex;flex-direction:row-reverse;position:absolute;bottom:16px;right:16px}.right-module-container{width:55%;padding-left:1rem;background:linear-gradient(180deg,#17002f 42.19%,#1f2a63 100%);border-top-right-radius:1rem;border-bottom-right-radius:1rem}.module-title{padding-top:2rem;margin-bottom:1rem;color:#fdfdfd;font-size:36px;font-weight:700}.description-container{display:flex;flex-direction:column;justify-content:center;background-color:#fdfdfd;width:264px;min-height:104px;border-radius:.5rem}.description-container>p{padding-left:1rem;color:#000;font-weight:400;font-size:16px}.module-stats-container{width:188px;height:80px;position:absolute;bottom:1.5rem;display:flex;align-items:center;justify-content:space-between}.module-stats-container>.card-preview-stat{padding-top:0;justify-content:center;align-items:center;width:82px;height:100%;border-radius:8px;background-color:#fdfdfd}@media (max-width: 1084px){.cards-container{grid-template-columns:repeat(2,46.66%)}.module-window-container{width:80%}.module-title{max-width:80%}.homepage-block{flex-direction:column;align-items:center}.home-image{padding-top:10vh;width:40vw;animation:none;margin-bottom:10vh}.homepage-body{height:auto;min-height:100dvh}.home-title{padding-top:25px;font-size:7vw;margin-bottom:7vw;text-align:center}.home-description{text-align:center}.home-left-container{display:flex;flex-direction:column;justify-content:center;align-items:center}}@media (max-width: 720px){.cards-container{grid-template-columns:repeat(1,95.33%)}.module-title{text-align:center}.module-window-container{height:70%;width:80%}.module-window{flex-direction:column}.left-module-container{width:100%;height:30%}.right-module-container{padding:0;display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:100%;height:70%;border-top-right-radius:0;border-bottom-left-radius:1rem}.profile-image{width:5rem;height:5rem}.features-container{width:calc(100% - 20px);right:0;justify-content:space-between;margin:0 10px}.features-container>.card-feature{margin:0}.description-container{min-height:80px;width:80%}.module-stats-container{position:relative;padding-top:2rem}.module-title{padding-top:0;margin-bottom:0}.header-logo{display:none}.header-block{justify-content:space-around}nav{width:100%;display:flex;justify-content:space-around}.nav-option:first-child{margin:0}}