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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:"Inter";src:url(/pinwei/static/media/Inter-bold.f958c681.ttf);font-weight:700;font-display:swap}@font-face{font-family:"Inter";src:url(/pinwei/static/media/Inter-regular.f958c681.ttf);font-weight:400;font-display:swap}@font-face{font-family:"Lobster";src:url(/pinwei/static/media/Lobster-Regular.9535d77e.ttf);font-display:swap}@font-face{font-family:"Roboto_Mono";src:url(/pinwei/static/media/RobotoMono-Italic-VariableFont_wght.60d900cc.ttf);font-display:swap;font-weight:500}.lobster{font-family:"Lobster","Inter","Arial Narrow Bold",sans-serif}.page{background-color:#101010;color:#fff;width:100%;font-family:"Inter","Arial Narrow Bold",sans-serif;position:relative}.menu-icon{width:30px;object-fit:contain;position:fixed;z-index:2;top:20px;right:20px;background-color:transparent;padding:20px}@media screen and (max-width:500px){.menu-icon{width:20px}}.menu-icon:hover{cursor:pointer;background-color:rgba(0,0,0,.95);border-radius:100%}@media screen and (max-width:400px){.menu-icon{right:-10px;top:0}}.hidden{display:none}.overlay{position:absolute;right:0;left:0;z-index:2;background-color:rgba(0,0,0,.95)}.content,.overlay{top:0;bottom:0;width:100%}.content{color:#fff;overflow:auto;position:relative}.menu{display:flex;height:100vh;background-image:url(/pinwei/static/media/background.c97b9fda.jpg);background-size:cover;width:100%;background-repeat:no-repeat;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.menu__title{font-size:20px;padding:0;margin:0}.menu__overlay{align-items:center;flex-wrap:wrap}.menu__overlay,.menu__text-box{margin-right:auto;margin-left:auto;display:flex;flex-direction:column;justify-content:center}.menu__text-box{max-width:600px;width:50%;height:100%;color:#fff;background-color:rgba(0,0,0,.8)}@media screen and (max-width:800px){.menu__text-box{display:flex;flex-direction:column;justify-content:center;width:100%;height:70%;margin-top:15vh;margin-right:auto;margin-left:auto;color:#fff;background-color:rgba(0,0,0,.8)}}.menu__subtitle-box{list-style:none;padding:0;margin:30px 30px 0 0;text-align:right}.menu__list-box{margin-top:40px;display:flex;justify-content:flex-start;align-content:center;flex-wrap:wrap}@media screen and (max-width:800px){.menu__list-box{padding:0;margin-right:0;margin-top:20px;flex-wrap:wrap}}.menu__list{padding:10px;margin-right:20px;margin-bottom:10px;border-radius:10px;border:.8px solid #fff;list-style:none}@media screen and (max-width:800px){.menu__list{padding:5px;margin-left:20px;margin-bottom:10px;margin-right:0;border:.8px solid #fff}}.menu__list:hover{border:.8px solid rgba(255,255,0,.8);color:hsla(0,0%,100%,.6);cursor:pointer}.menu__subtitle{padding-left:30px;font-size:20px;line-height:1.2;font-weight:lighter}@media screen and (max-width:800px){.menu__subtitle{font-size:15px}}.menu__title{padding-left:30px;font-size:50px}@media screen and (max-width:800px){.menu__title{font-size:30px}}.menu__title-hi{font-family:"Lobster";font-size:30px;padding-top:30px;padding-left:30px}@media screen and (max-width:800px){.menu__title-hi{padding-top:15px;font-size:20px}}@media screen and (max-width:500px){.menu{width:100%;background-image:url(/pinwei/static/media/bg-mobil.de799996.jpg);background-size:cover;background-repeat:no-repeat;-webkit-filter:grayscale(100%);filter:grayscale(100%)}}.cando{background-color:transparent;color:#fff;width:90%;display:grid;grid-template-columns:repeat(8,1fr);justify-content:space-between;grid-gap:5px;gap:5px;list-style:none;padding:50px 0 0;margin:auto auto 30px}.cando__item{position:relative;padding:0}.cando__text{display:none}.cando__img{width:30px;color:#fff;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.cando__img:hover{opacity:.8}.cando__img:hover+.cando__text{position:absolute;z-index:2;top:-40px;left:0;background-color:rgba(0,0,0,.7);padding:1px;color:#fff;text-align:center;font-size:12px;font-family:"Roboto_Mono";display:inline}.header{position:fixed;top:0;right:0;left:0;width:100%;z-index:5;background-color:#00b3b3;display:flex;justify-content:space-between;align-content:center;flex-wrap:wrap;margin:0}.header__close{background-color:transparent;border:none;color:#fff;position:absolute;bottom:0;right:0;z-index:2}.header__close:hover{cursor:pointer;opacity:.7}@media screen and (max-width:600px){.header{padding:0;margin:0}}.header__title{font-family:"Lobster";padding:3px;border-bottom:.2px solid #fff;margin-right:10px;text-align:center}@media screen and (max-width:600px){.header__title{font-size:15px}}.header__box1{width:300px;margin-right:80px}@media screen and (max-width:600px){.header__box1{margin:0}}.header__menu-adjust{margin:0 50px 0 0;display:flex;justify-content:flex-start;align-content:center;flex-wrap:wrap}.header__menu-list-adjust{padding:5px;margin-top:20px;align-self:center;font-size:15px;margin-right:20px;border:none;background-color:transparent;list-style:none;color:#fff}@media screen and (max-width:800px){.header__menu-list-adjust{font-size:12px;margin-top:8px;margin-right:5px}}.header__menu-list-adjust:hover{border:solid #87cefa;color:hsla(0,0%,100%,.8);cursor:pointer}.header__menu-list-active{border-bottom:solid hsla(0,0%,100%,.8)}.footer{background-color:#101010;color:hsla(0,0%,100%,.6);border-top:solid hsla(0,0%,100%,.6);padding:30px;display:flex;margin:0;align-items:baseline}@media screen and (max-width:768px){.footer{flex-direction:column}}.footer__box1{display:flex;align-items:baseline;margin-right:80px}@media screen and (max-width:768px){.footer__box1{flex-direction:column;margin:0}}.footer__box2{display:flex;align-items:baseline}@media screen and (max-width:768px){.footer__box2{flex-direction:column}}.footer__icons{list-style:none;display:flex;justify-content:flex-start;align-items:center;grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px}.footer__icon{width:25px;height:25px;object-fit:contain;border:.1px solid transparent}.footer__icon:hover{cursor:pointer;opacity:.7}.footer__subtitle{margin:0;padding:0;font-weight:400}@media screen and (max-width:768px){.footer__subtitle{font-size:15px}.footer__icon{width:20px;height:20px;object-fit:contain;border:.1px solid transparent}}.footer__title{font-family:"Lobster";padding:3px;border-bottom:.2px solid #fff;margin-right:20px}@media screen and (max-width:768px){.footer__title{font-size:15px}}.footer__color{background-color:#00b3b3;padding:20px 20px 0;display:flex;justify-content:space-between;align-content:center}@media screen and (max-width:768px){.footer__color{padding:5px 5px 0;flex-direction:column}}.projects{width:90%;margin-right:auto;margin-left:auto;height:100%}.projects__text{margin:80px 0 0;padding:0;font-size:40px;text-align:center}.projects__title{font-size:20px;font-weight:400;padding:0 10px;margin:10px 0 0}.projects__box{list-style:none;margin:30px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;flex-wrap:wrap}.projects__box,.projects__item{padding:0;justify-content:space-between}.projects__item{box-shadow:0 4px 8px 0 hsla(0,0%,100%,.2),0 6px 20px 0 hsla(0,0%,100%,.19);border-radius:10px;margin:0 0 30px;display:flex;flex-direction:column}.projects__img-box{width:100%;position:relative}.projects__button-box{display:none;background-color:rgba(0,0,0,.85);border-top-right-radius:10px;border-top-left-radius:10px}.projects__button{width:80px;height:30px;background-color:transparent;border:.5px solid #fff;border-radius:10px;color:#fff}.projects__button,.projects__button-link{margin-top:auto;margin-bottom:auto}.projects__button:hover{box-shadow:0 4px 8px 0 hsla(0,0%,100%,.2),0 6px 20px 0 hsla(0,0%,100%,.19);cursor:pointer}.projects__img{width:100%;margin-right:auto;margin-left:auto;border-top-left-radius:10px;border-top-right-radius:10px}.projects__img-box:hover .projects__button-box{opacity:1;display:flex;position:absolute;left:0;right:0;margin-right:auto;margin-left:auto;top:0;bottom:0;justify-content:center;grid-gap:20px;gap:20px;cursor:pointer}.projects__tech{list-style:none;padding:10px;margin-top:auto;margin-bottom:0;display:flex;justify-content:right;flex-wrap:wrap;align-items:center}.projects__tech-item{margin-right:10px;margin-top:10px;color:#fff;opacity:.7}.projects__tech-link{padding:8px;background-color:#2f80ed;font-size:15px;border-radius:10px;opacity:1}.projects__tech-link:hover{box-shadow:0 4px 8px 0 hsla(0,0%,100%,.2),0 6px 20px 0 hsla(0,0%,100%,.19);color:hsla(0,0%,100%,.8);cursor:pointer}@media screen and (min-width:768px) and (max-width:1023px){.projects__tech-item{font-size:10px;padding:5px;margin-right:5px;border-radius:5px}.projects__box{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:767px){.projects__box{grid-template-columns:repeat(1,1fr)}}a{text-decoration:none}.tech,a{color:#fff}.tech{margin-right:10px;margin-top:10px;opacity:.7;position:relative}.tech__icon{color:#fff}.tech__text{position:absolute;top:-35px;right:0;background-color:grey;color:#fff;display:none}.tech__icon:hover+.tech__text{display:inline}.tech__icon:hover{opacity:.5}.techicon{position:relative}.techicon__icon{-webkit-filter:grayscale(100%);filter:grayscale(100%);width:30px;object-fit:cover;padding:5px;margin:0;align-items:center}.techicon__text{position:absolute;top:-35px;right:0;background-color:grey;color:#fff;display:none;padding:1px}.techicon__icon:hover+.techicon__text{display:inline}.techicon__icon:hover{opacity:.5}.before{width:90%;margin-right:auto;margin-left:auto;height:100%}.before__text{margin-top:30px;font-size:40px;text-align:center}@media screen and (max-width:500px){.before__text{font-size:30px}}.before__box{list-style:none;padding:0;margin-top:50px;display:flex;flex-direction:column;align-items:center}.before__item{display:flex;width:80%;margin-bottom:75px}@media screen and (max-width:800px){.before__item{flex-direction:column;align-items:center}}.before__item-title{padding:0;margin:0;font-size:30px}@media screen and (max-width:800px){.before__item-title{text-align:center}}.before__item-img{width:160px;height:160px;margin-right:50px;object-fit:contain;border-radius:50%;padding:2px;border:.3px solid hsla(0,0%,100%,.8)}@media screen and (max-width:800px){.before__item-img{margin-bottom:30px;margin-right:0}}.before__item-link{text-decoration:underline}.before__item-link:hover{text-shadow:2px 2px 3px #add8e6;opacity:.8}.learning{width:90%;margin-right:auto;margin-left:auto;height:100%}.learning__text{margin:50px 0 0;padding:0;font-size:40px;text-align:center}@media screen and (max-width:500px){.learning__text{font-size:30px}}.learning__box{list-style:none;padding:0;margin-top:50px;flex-direction:column}.learning__box,.learning__item{display:flex;align-items:center}.learning__item{width:80%;margin-bottom:75px;padding:30px;border:.3px solid hsla(0,0%,100%,.8);border-radius:10px}@media screen and (max-width:800px){.learning__item{flex-direction:column;align-items:center}}.learning__item-img{width:160px;height:160px;object-fit:contain;border-radius:10px;padding:2px;border:.3px solid hsla(0,0%,100%,.8)}@media screen and (max-width:800px){.learning__item-img{margin-bottom:30px;margin-right:0}}.learning__item-title{padding:0;margin:30px 0 0;font-size:30px}@media screen and (max-width:800px){.learning__item-title{text-align:center}}.learning__item-list{list-style:square}.learning__item-link{line-height:1.5;font-weight:700;text-decoration:underline}.learning__item-link:hover{text-shadow:2px 2px 3px #add8e6;opacity:.8}.learning__item-textbox{margin-left:50px}@media screen and (max-width:800px){.learning__item-textbox{margin-left:0}}.learning__img{width:100%;object-fit:contain}.popup{max-width:900px;position:fixed;top:40px;right:0;left:0;margin-right:auto;margin-left:auto;z-index:3}.popup,.popup__video{width:100%}.popup__button-box{display:flex;justify-content:center;flex-wrap:wrap;grid-gap:10px;gap:10px}.popup__button{margin-top:20px;width:100px;background-color:transparent;border:solid #fff;border-radius:5px;color:#fff}.popup__button:hover{cursor:pointer;border:solid #ff0}.contact{width:90%;margin-right:auto;margin-left:auto}.contact__title{margin-top:50px;font-size:40px;text-align:center;font-family:"Lobster"}.contact__subtitle{width:90vw;max-width:700px;font-size:20px;text-align:left;margin-right:auto;margin-left:auto}.form{width:90%;max-width:700px;background-color:transparent;color:#fff;display:flex;flex-direction:column;margin:30px auto;padding:30px;border:solid #fff}.form__label{font-size:20px;margin-bottom:10px}.form__input{height:30px}.form__input,.form__message{border-radius:5px;margin-bottom:30px}.form__message{height:100px}.form__submit{width:100%;padding:10px;background-color:transparent;color:#fff;border-radius:5px}.form__err{color:red}@media screen and (max-width:500px){.form{width:90%;background-color:transparent;color:#fff;display:flex;flex-direction:column;margin:30px auto;padding:10px;border:solid #fff}.contact__title{margin-top:50px;font-size:30px;text-align:center;font-family:"Lobster"}}
/*# sourceMappingURL=main.ea36e156.chunk.css.map */