@import url("https://fonts.googleapis.com/css2?family=Arimo&display=swap");main{margin:var(--header-height) auto 0}.home__container{max-width:var(--max-width);margin:0 auto}.home__content{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:calc(100vh - var(--header-height));width:100%}.home__slogan{color:var(--color-text);width:100%;padding:0 32px;text-align:center}#slogan{font-size:2em;font-weight:700;word-wrap:break-word;white-space:pre-wrap;height:1px;vertical-align:middle}.home__btn{background-color:transparent;border:1px solid var(--color-text);border-radius:5px;color:var(--color-text);cursor:pointer;font-size:1.2rem;padding:.5rem 1rem;margin:0 16px;transition:all .25s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.home__btn:hover{background-color:var(--color-text);color:#fff}.chapter-divider{width:100%;display:flex;justify-content:center;align-items:center;margin:1rem 0}.chapter-divider__line{width:100%;max-width:150px;height:4px;background-color:var(--color-quaternary)}.chapter-divider__title{color:var(--color-quaternary);font-size:1.5rem;font-weight:700;margin:0 1rem;text-transform:uppercase;text-align:center}.about__container{font-family:Arimo,sans-serif;font-weight:400;line-height:1.5;font-size:1.2rem;color:#777;display:flex;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;padding:0 48px;max-width:var(--max-width);margin:0 auto;min-height:calc(100vh - var(--header-height) - 64px)}.about__content{margin:auto 0;max-width:900px}.about__donate,.about__links{display:flex;flex-direction:column;padding-left:40px;align-items:center;max-width:900px;width:-moz-fit-content;width:fit-content}.about__donate>a,.about__link{font-size:1.4rem;width:100%;padding:10px 16px 10px 12px;margin:8px 0;border-radius:50px;display:flex;align-items:center;font-weight:700;cursor:pointer}.about__donate>a>svg,.about__link>svg{margin-right:8px}.projects-collection{width:100%;max-width:calc(100vw - var(--scrollbar-width));--side-padding:48px;padding:16px var(--side-padding) 32px;display:flex;align-items:center}.projects-collection__arrow{position:absolute;background:hsla(0,0%,100%,.7);color:#333;transition:background .2s ease;border-radius:50%;padding:4px;height:32px;width:32px;box-sizing:content-box;z-index:100;margin:0 4px}.projects-collection__arrow:hover{cursor:pointer;background:hsla(0,0%,100%,.4)}.projects-collection__arrow:first-of-type{left:var(--side-padding)}.projects-collection__arrow:last-of-type{right:var(--side-padding)}.projects-collection__wrapper{margin-top:16px;width:100%;min-height:100px;padding:8px;border-top:inherit;overflow:hidden;flex-grow:1}.projects-collection__projects{display:flex;transition:all .5s}.project{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px 20px;font-size:2rem;background:#fff;font-weight:700;box-shadow:6px 2px 16px 0 rgba(136,165,191,.48),-6px -2px 16px 0 hsla(0,0%,100%,.8);border-radius:10px;margin:0 12px}.project__ribbon{width:150px;height:150px;overflow:hidden;position:absolute;top:-10px;right:-10px;z-index:1}.project__ribbon:after,.project__ribbon:before{position:absolute;z-index:-1;content:"";display:block;border:5px solid;opacity:.65;border-top-color:transparent!important;border-right-color:transparent!important}.project__ribbon:before{top:0;left:2px}.project__ribbon:after{bottom:2px;right:0}.project__ribbon .project__ribbon-text{position:absolute;display:block;width:225px;padding:15px 0;font:700 16px/1 Lato,sans-serif;box-shadow:0 5px 10px rgba(0,0,0,.1);text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center;left:-25px;top:30px;transform:rotate(45deg)}.project__ribbon .project__ribbon-text:before{content:"";width:100%;height:100%;position:absolute;color:inherit;background-color:currentColor;opacity:.45;left:0;top:0;right:0;bottom:0}.project__ribbon--development{color:#9c27b0}.project__ribbon--working{color:#4caf50}.project__ribbon--down{color:#f44336}.team{margin:64px auto;width:100%;display:flex;align-items:center;justify-content:center;max-width:var(--max-width)}.team__title{font-size:2.3rem;padding:8px 0}.team__members{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;position:relative;z-index:1}.team__lonely,.team__members{width:-moz-max-content;width:max-content}.team__lonely{font-size:xx-large;margin:0 8px;font-weight:600;color:#eee;filter:blur(.7px);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;padding:2px}.team__lonely:first-child{text-align:right;direction:rtl}.member__container{display:flex;flex-direction:column;align-items:center}.member__container:first-child{width:100%}.member__content{border-radius:4px;margin:16px auto;border:3px solid var(--color-border);width:-moz-fit-content;width:fit-content}.member__avatar>:first-child{position:absolute!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0}.member__avatar{display:flex;flex-direction:column;background:#fff}.member__avatar>.member__info-container{z-index:1;position:relative;height:auto;width:100%;display:flex;align-items:flex-end}.member__info-container>.member__info-content{width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:8px}.member__info-divider{width:85%;height:2px;background:#000;margin:4px 0}.member__name{width:100%;text-align:center;font-weight:500;font-size:1.4rem;word-wrap:break-word}.member__profile{font-size:.8rem;word-wrap:break-word}.member__info-container>.member__info-content,.member__socials{background:rgba(255,192,203,.5)}.member__socials{display:flex;justify-content:space-evenly;z-index:1}.member__social{padding:12px;height:36px;box-sizing:content-box}ul{margin:12px 0;padding-left:12px}.App{text-align:center}.App code{background:#fff3;padding:4px 8px;border-radius:4px}.App p{margin:.4rem}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.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(0deg)}to{transform:rotate(1turn)}}header.header{position:fixed;top:0;left:0;box-sizing:content-box;height:var(--header-height);width:100%;max-width:var(--max-width);padding:0 calc((100vw - var(--max-width)) / 2);transition:all .5s ease;border-bottom:1px solid transparent;z-index:9999999}header.header--scrolled{background:#fff;border-bottom:1px solid #ccc}.nav{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%;padding:0 16px 0 32px}.nav a{color:#777;text-decoration:none;font-size:1.2rem;font-weight:500;padding:8px;border-radius:5px;transition:color .25s ease-in-out}.nav a.logo{font-size:2.2rem;font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav a.nav__btn--active,.nav a.nav__btn:hover{color:var(--color-primary)}.divider{flex-grow:1}@media screen and (max-width:900px){.nav a.nav__btn:not(.nav__btn--in-modal){display:none}}@keyframes navigation-hide{0%{transform:translateY(0)}to{transform:translateY(-64px);display:none}}footer{background-color:#dedede;position:relative;bottom:0;left:0;width:100%;padding:28px;-webkit-clip-path:polygon(0 20%,100% 0,100% 100%,0 100%);clip-path:polygon(0 20%,100% 0,100% 100%,0 100%);display:flex;flex-direction:column;justify-content:flex-end}.footer-socials{padding:64px 0 32px;display:flex;justify-content:space-evenly;align-items:center}.footer-socials svg path{transition:all .3s linear}.footer-socials__divider{height:48px;width:2px;background-color:#333;transform:rotate(30deg)}.copyright{color:#333;font-weight:700}.footer__contacts{display:flex;flex-direction:column}.footer__bottom{display:flex;justify-content:space-between}.audio__container{width:100%;height:100vh;background:#020024;background:linear-gradient(245deg,#020024,#090979 35%,#00b5ff)}.vizualizing{pointer-events:none;width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center}.vizualizing__column{margin:0;background:#fff}.audio__utils{margin-bottom:20%;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.audio__utils>*{margin:4px 0}.audio__utils>button{padding:8px;text-transform:uppercase;font-size:16px;font-weight:700;min-width:90px;background-color:transparent;border:1px solid #fff;color:#fff;border-radius:8px;cursor:pointer;transition:all .2s linear}.audio__utils>button:hover{border:1px solid #58cde8;color:#58cde8}.audio__utils>input[type=file]{color:#fff;font-size:16px}.audio__vizualizing-mode{display:flex;flex-direction:column;align-items:center;color:#fff}.audio__vizualizing-mode>*{margin-top:8px}.audio__volume{display:flex;align-items:center}#volume{width:200px;max-width:500px;min-width:100px}:root{--max-width:1200px;--header-height:64px;--scrollbar-width:8px;--color-text:#777;--color-primary:#5f83db;--color-secondary:#7c58e8;--color-tertiary:#5c5ff2;--color-quaternary:#5caef2;--color-quinary:#58cde8;--color-border:#ccc}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{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;min-width:100%;min-height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none;color:var(--color-quinary)}.modal{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:100%;left:0;top:0;z-index:100;pointer-events:none}.modal .modal__container{pointer-events:auto;border-radius:5px;padding:16px;box-shadow:0 0 16px rgba(0,0,0,.5);background:#fff}.modal .modal__content{display:flex;flex-direction:column;justify-content:center;align-items:center}.modal__btn{display:none}.overlay{position:fixed;background:rgba(0,0,0,.5);z-index:99;overflow:hidden;pointer-events:auto}.overlay,.overlay__scrim{top:0;left:0;width:100%;height:100%}.overlay__scrim{position:absolute}.hidden{display:none}::-webkit-scrollbar{width:var(--scrollbar-width);background:transparent;border-radius:10px;height:var(--scrollbar-width)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:15px;border:2px solid transparent;background-clip:content-box}li{display:flex;align-items:center}li>svg{flex-shrink:0}.flex-spacer{flex-grow:1}@media screen and (max-width:900px){.modal__btn{content:"";display:block;width:32px;padding:4px;height:32px;margin:16px 0;border:1px solid #ccc;border-radius:5px}.modal__btn img{width:22px;height:22px}}@media screen and (min-width:1800px){:root{--max-width:1500px}}.hwpage{height:100vh;width:100%;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.players{position:relative}.players .players__google,.players .players__raw{width:45%;min-width:290px;max-width:1920px;position:absolute;padding:10px;border-radius:15px}.players__google{top:10px;left:10px;box-shadow:6px 2px 16px 0 rgba(136,165,191,.48),-6px -2px 16px 0 hsla(0,0%,100%,.8);-webkit-box-shadow:6px 2px 16px 0 rgba(136,165,191,.48),-6px -2px 16px 0 hsla(0,0%,100%,.8);-moz-box-shadow:6px 2px 16px 0 rgba(136,165,191,.48),-6px -2px 16px 0 hsla(0,0%,100%,.8)}.players__raw{bottom:10px;right:10px;box-shadow:-6px -2px 6px 0 rgba(136,165,191,.48),6px 2px 16px 0 hsla(0,0%,100%,.8);-webkit-box-shadow:-6px -2px 6px 0 rgba(136,165,191,.48),6px 2px 16px 0 hsla(0,0%,100%,.8);-moz-box-shadow:-6px -2px 6px 0 rgba(136,165,191,.48),6px 2px 16px 0 hsla(0,0%,100%,.8)}.players .players__google h1,.players .players__raw h1{width:100%}.players .players__raw h1{text-align:right}.players .players__google iframe,.players .players__raw video{background:#000;margin-top:10px;border:0;border-radius:15px;width:100%;aspect-ratio:16/9}