body{color:#f5ecec;font-family:Roboto;background-color:#191919}.App{display:flex;flex-direction:column;min-height:100vh}header{background-color:#000;width:100vw;position:fixed;z-index:10;top:0;left:0;display:flex;align-items:center;justify-content:space-between}.header_title{display:inline-block;font-size:3vw;font-weight:500;margin-top:2vw;margin-bottom:2vw}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header_logo{margin-right:2vw;margin-left:2vw;width:3.2vw;animation:spin 4s ease-in-out infinite}@media (max-width: 800px){.header_title{font-size:5vw;margin-top:3.7vw;margin-bottom:3.7vw}.header_logo{margin-right:3.7vw;margin-left:3.7vw;width:5.2vw}}@media (max-width: 400px){.header_title{font-size:6.5vw;margin-top:4.5vw;margin-bottom:4.5vw}.header_logo{margin-right:4.5vw;margin-left:4.5vw;width:6.7vw}}.burger-menu{margin-right:3vw}.burger-menu_button{width:3vw;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;height:3vw}.line{width:100%;height:.3vw;background-color:#f5ecec;transition:all .3s ease}.burger-menu_button.open .line:nth-child(1){transform:rotate(45deg) translate(.35vw,1.1vw)}.burger-menu_button.open .line:nth-child(2){opacity:0}.burger-menu_button.open .line:nth-child(3){transform:rotate(-45deg) translate(.35vw,-1vw)}.burger-menu_menu{position:fixed;top:7vw;right:-100%;width:40%;height:100%;background-color:#000000ef;padding:2vw;display:flex;flex-direction:column;transition:all .3s ease-in}.burger-menu_menu.open{right:0}@media (max-width: 800px){.burger-menu{margin-right:3.5vw}.burger-menu_button{width:5vw;height:5vw}.line{height:.6vw}.burger-menu_button.open .line:nth-child(1){transform:rotate(45deg) translate(.4vw,1.8vw)}.burger-menu_button.open .line:nth-child(3){transform:rotate(-45deg) translate(.4vw,-1.9vw)}.burger-menu_menu{top:12.4vw;width:90%}}@media (max-width: 400px){.burger-menu{margin-right:5vw}.burger-menu_button{width:6.5vw;height:6.5vw}.burger-menu_button.open .line:nth-child(1){transform:rotate(45deg) translate(.7vw,2.2vw)}.burger-menu_button.open .line:nth-child(3){transform:rotate(-45deg) translate(.7vw,-2.2vw)}.burger-menu_menu{top:15.5vw}}.nav_ul{list-style:none;text-align:center}.nav_ul_li{margin-bottom:2vw;position:relative}.nav_ul_li:last-child{margin-bottom:0}.nav_ul_li_ref{outline:none;text-decoration:none;font-size:2vw;font-weight:300;margin-bottom:.4vw;display:block}.nav_ul_li_ref:hover{color:#08e0dc;font-weight:500}.nav_ul_li_ref:visited{color:#f5ececc7}.nav_ul_li_underline{position:absolute;background-color:#08e0dc;height:.3vw}@media (max-width: 800px){.nav_ul_li{margin-bottom:4vw}.nav_ul_li_ref{font-size:3vw}}@media (max-width: 400px){.nav_ul_li_ref{font-size:4vw}}footer{background-color:#000;padding:3vw 1.5vw}.footer-title{display:flex;align-items:center;margin-bottom:2vw}.footer-title__logo{width:3vw;margin-right:1vw}.footer-title__text{display:inline-block;font-size:2.5vw;font-weight:500}.footer-description{padding:1vw;margin-bottom:2vw;font-size:1.7vw;font-weight:400}.footer-sources{display:flex;align-items:center;justify-content:space-around}.footer-sources div{display:flex;align-items:center}.footer-sources__logo{margin-right:1vw}.footer-sources__text{display:inline-block;font-size:2vw}.footer-sources__text a{outline:none;text-decoration:none}.footer-sources__text a:visited{color:#f5ececc7}.footer-sources__text a:hover{color:#08e0dc;font-weight:500;transition:.5s}@media (max-width: 800px){.footer-title{margin-bottom:2.7vw}.footer-title__logo{width:4vw;margin-right:1.3vw}.footer-title__text{font-size:3vw}.footer-description{font-size:2.2vw}.footer-sources{flex-flow:column}.footer-sources div{margin-bottom:1.5vw}.footer-sources__logo{margin-right:2vw}.footer-sources__text{font-size:2.4vw}}@media (max-width: 400px){.footer-title{margin-bottom:3vw}.footer-title__logo{width:4.5vw;margin-right:1.7vw}.footer-title__text{font-size:3.8vw}.footer-description{font-size:2.7vw}.footer-sources div{margin-bottom:1.8vw}.footer-sources__text{font-size:2.6vw}}main{padding-top:16vw;padding-left:7vw;padding-right:7vw;flex-grow:1}@media (max-width: 800px){main{padding-left:4vw;padding-right:4vw}}@media (max-width: 400px){main{padding-top:20vw}}.section-title{margin-bottom:5vw}.section-title__title{text-align:center;font-size:5vw;font-weight:500;display:inline-block;margin:0;border-right:.15em solid;overflow:hidden;white-space:nowrap;width:0;animation:typing 2.5s steps(32,jump-start) forwards,blinking-cursor 1.5s infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blinking-cursor{0%{border-color:transparent}50%{border-color:#08e0dc}to{border-color:transparent}}@media (max-width: 800px){.section-title__title{font-size:5.2vw;border-right:.2}}.section-orbit{position:relative;height:34vw;margin-bottom:7vw}svg{width:100%;height:34vw;position:absolute}ellipse{fill-opacity:0;filter:drop-shadow(.1vw .3vw .3vw gray);animation:blinking linear 5s infinite}@keyframes blinking{0%{stroke:#d3d3d374;stroke-width:1.7}50%{stroke:#e9e9e9;stroke-width:2.7}to{stroke:#d3d3d374;stroke-width:1.7}}@media (max-width: 800px){ellipse{filter:drop-shadow(.1vw .2vw .2vw gray)}@keyframes blinking{0%{stroke:#d3d3d374;stroke-width:1.3}50%{stroke:#e9e9e9;stroke-width:2}to{stroke:#d3d3d374;stroke-width:1.3}}}@media (max-width: 400px){ellipse{filter:drop-shadow(.05vw .1vw .1vw gray)}@keyframes blinking{0%{stroke:#d3d3d374;stroke-width:1}50%{stroke:#e9e9e9;stroke-width:1.5}to{stroke:#d3d3d374;stroke-width:1}}}.section-orbit__satellite{position:absolute;width:8%;will-change:filter;transition:filter .3s;filter:drop-shadow(0 0 1em #ffffff7b)}.react:hover{filter:drop-shadow(0 0 2em #61dafb)}.vite:hover{filter:drop-shadow(0 0 2em #e955f7)}.javascript:hover{filter:drop-shadow(0 0 2em #fffb00)}.framer_motion:hover{filter:drop-shadow(0 0 2em #fe65f6)}.html:hover{filter:drop-shadow(0 0 2em #ff6a1f)}.css:hover{filter:drop-shadow(0 0 2em #384aef)}.jquery:hover{filter:drop-shadow(0 0 2em #006eff)}.typicode:hover{filter:drop-shadow(0 0 2em #149a00)}.card-tytle{font-size:4vw;text-align:center;margin-bottom:2vw}.section-card{border:.2vw solid #5fdefbda;border-radius:8%;padding:2vw;margin-bottom:4vw;display:flex;flex-flow:column}.section-card__list{list-style-type:none;font-size:2.5vw}.section-card__list__question{font-weight:500;color:#5fdefbda}@media (max-width: 800px){.card-tytle{font-size:5.2vw;margin-bottom:2.7vw}.section-card__list{font-size:3vw}}@media (max-width: 400px){.card-tytle{font-size:5.2vw;margin-bottom:3.3vw}.section-card{padding:3vw;margin-bottom:5vw}.section-card__list{font-size:3.3vw}}.survey-title{text-align:center;font-size:5vw;font-weight:500}.section-survey{border:.2vw solid #5fdefbda;border-radius:4%;padding:2vw;margin-bottom:4vw;display:flex;flex-flow:column}.section-survey__form{margin-bottom:4vw}.section-survey__form__question{text-align:center;font-size:4vw;font-weight:500;margin-bottom:3vw}.section-survey__form__answer-list{width:100%;border:.2vw solid #5fdefbb7}.section-survey__form__answer-list__answer{margin-bottom:.3vw;display:flex;align-items:center}.section-survey__form__answer-list__answer:last-child{margin-bottom:0}.section-survey__form__answer-list__answer__button{width:10%;height:4vw;font-size:1.5vw;border:0;padding:0;margin-right:.5%}.usual-style{color:#f5ecec;background-color:#484848}.hovered:hover{color:#08e0dc;transition:.3s}.selected{color:#191919;background-color:#08e0dc;transition:.3s}.section-survey__form__answer-list__answer__progress{display:inline-block;height:4vw;background-color:#08e0dc;margin-right:.8%}.section-survey__form__answer-list__answer__percent{font-size:1.8vw}@media (max-width: 800px){.survey-title{font-size:5.2vw}.section-survey{padding:3vw;margin-bottom:4vw}.section-survey__form__question{font-size:4.3vw;margin-bottom:3vw}.section-survey__form__answer-list__answer__button{width:14%;height:5.5vw;font-size:2.1vw}.section-survey__form__answer-list__answer__progress{height:5.5vw;margin-right:1%}.section-survey__form__answer-list__answer__percent{font-size:2.1vw}}@media (max-width: 400px){.section-survey{margin-bottom:5vw}.section-survey__form__question{margin-bottom:3.2vw}.section-survey__form__answer-list__answer__button{width:18%;height:6vw;font-size:2.8vw;margin-right:.7%}.section-survey__form__answer-list__answer__progress{height:6vw;margin-right:1%}.section-survey__form__answer-list__answer__percent{font-size:2.8vw}}