@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);@import url(https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap);body,html{box-sizing:border-box;height:100%}#root{height:100%;width:100%}*,:after,:before{box-sizing:inherit;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Tahoma,Noto Sans TC,sans-serif;font-size:14px}*,:after,:before,:placeholder-shown{font-family:inherit}:root{--white:#f0f0f0;--lgray:#36393f;--dgray:#2c2f33;--blue:#7289da;--dblue:#45567d;--lblue:#bac7ff;--purple:#5865f2;--black:#23272a;--dblack:#202225}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body #portfolio{color:#f0f0f0;color:var(--white);font-family:Source Code Pro,Maven Pro,sans-serif;font-size:16px;text-align:center}body #portfolio a{text-decoration:none}body #portfolio .header{font-weight:500;text-transform:uppercase}body #portfolio .container{width:70%}body #portfolio .container-right{float:left;margin-left:5%}body #portfolio .container-left{float:right;margin-right:5%}body #portfolio .flex{display:flex}body #portfolio .flex-center{align-items:center;justify-content:center}body #portfolio .flex-row{flex-direction:row}body #portfolio .flex-col{flex-direction:column}.navbar{background-color:var(--lgray);box-shadow:0 0 10px rgba(0,0,0,.467);height:7.5vh;justify-content:flex-end;z-index:999}.navbar-sticky{left:0;position:-webkit-sticky;position:sticky;top:0}.navbar-buttons{gap:50px;margin-right:10%}.navbar-button{color:var(--white);font-family:Maven Pro;font-size:20px;font-weight:450;letter-spacing:1px;transition:.1s ease-in-out}.navbar-button:hover{color:var(--lblue)}.navbar-button.navbar-button-active{color:var(--blue);font-weight:500}@media screen and (min-width:1921px){.navbar-buttons{gap:70px}.navbar-button{font-size:27px}}@media screen and (max-width:750px){.navbar{justify-content:center}.navbar-buttons{margin-right:0}}@media screen and (max-width:600px){.navbar{height:7vh}.navbar-buttons{gap:40px}.navbar-button{font-size:18px}}@media screen and (max-width:480px){.navbar{height:6vh}.navbar-buttons{gap:20px}.navbar-button{font-size:16px}}@media screen and (max-width:350px){.navbar{height:5vh}.navbar-buttons{gap:15px}.navbar-button{font-size:14px}}@media screen and (max-width:300px){.navbar-buttons{gap:15px}.navbar-button{font-size:12px}}.section{height:100vh}.intro-section{background:linear-gradient(129deg,var(--dgray),var(--dblack));font-family:Maven Pro,sans-serif}.intro-title{font-size:80px;font-weight:500}.intro-descr{color:var(--blue);font-size:40px;font-weight:300}@media screen and (min-width:1921px){.intro-title{font-size:100px}.intro-descr{font-size:60px}}@media screen and (max-width:900px){.intro-title{font-size:70px}.intro-descr{font-size:36px}}@media screen and (max-width:700px){.intro-title{font-size:60px}.intro-descr{font-size:30px}}@media screen and (max-width:600px){.intro-title{font-size:50px}.intro-descr{font-size:25px}}@media screen and (max-width:480px){.intro-title{font-size:40px}.intro-descr{font-size:20px}}@media screen and (max-width:350px){.intro-title{font-size:30px}.intro-descr{font-size:14px}}.about-section{background:linear-gradient(32deg,var(--dgray),var(--dblack));height:92.5vh}.about-section>*{flex:1 1}@media screen and (max-width:900px){.about-section{flex-direction:column;gap:50px;height:-webkit-max-content;height:max-content;padding:50px 0}.about-section>*{flex:none;width:80%}}@media screen and (max-width:600px){.about-section{gap:30px}.about-section>*{width:90%}}@media screen and (max-width:480px){.about-section>*{width:100%}}@media screen and (max-width:350px){.about-section{gap:20px}}.skills-item{gap:10px}.skills-item>*{width:-webkit-min-content;width:min-content}.skills-item:hover .skills-item-icon{color:var(--white)}.skills-item:hover .skills-item-title{color:var(--lblue)}.skills-item:hover .skills-item-title:after{width:100%}.skills-item .skills-item-icon{color:var(--lblue);display:block;font-size:45px;text-shadow:1px 1px 5px rgba(0,0,0,.333);transition:.3s ease-in-out}.skills-item .skills-item-title{display:inline-block;font-size:18px;transition:.1s ease-in-out}.skills-item .skills-item-title:after{background-color:var(--white);content:"";display:block;height:1px;margin:0 auto;-webkit-transform:translateY(5px);transform:translateY(5px);transition:opacity .3s ease,width .3s ease;-ms-transition:opacity .3s ease,width .3s ease;width:0}@media screen and (min-width:1921px){#about .skills-item-title{font-size:24px}#about .skills-item-icon{font-size:60px}}@media screen and (max-width:900px){#about .skills-item-title{font-size:16px}#about .skills-item-icon{font-size:40px}}@media screen and (max-width:600px){#about .skills-item-title{font-size:14px}#about .skills-item-icon{font-size:36px}}@media screen and (max-width:350px){#about .skills-item-title{font-size:12px}#about .skills-item-icon{font-size:30px}}.skills-container{gap:25px}.skills-container .skills-title{color:var(--blue);font-size:40px}.skills-container .skills-table{grid-gap:25px 10px;display:grid;gap:25px 10px;grid-template-columns:repeat(4,1fr);height:100%;width:100%}@media screen and (min-width:1921px){#about .skills-container{gap:30px}#about .skills-title{font-size:55px}#about .skills-table{gap:35px 15px}}@media screen and (max-width:900px){#about .skills-container.container{float:none;margin:0 auto}#about .skills-table{gap:15px 0}#about .skills-item-title{font-size:16px}#about .skills-item-icon{font-size:40px}}@media screen and (max-width:600px){#about .skills-container{gap:20px}#about .skills-title{font-size:32px}#about .skills-item-title{font-size:14px}#about .skills-item-icon{font-size:36px}}@media screen and (max-width:350px){#about .skills-container{gap:15px}#about .skills-title{font-size:28px}#about .skills-item-title{font-size:12px}#about .skills-item-icon{font-size:30px}}.info-section{gap:50px}.info-section>*{flex:1 1}.info-container{gap:25px}.info-container .info-title{color:var(--blue);font-size:40px}.info-container .info-text{font-family:Maven Pro,sans-serif;text-align:left}@media screen and (min-width:1921px){#about .info-section{gap:60px}#about .info-container{gap:30px}#about .info-title{font-size:55px}#about .info-text{font-size:21px}}@media screen and (max-width:900px){#about .info-section.flex{flex-direction:column}#about .info-container.container{float:none;margin:0 auto}#about .info-text{text-align:center}}@media screen and (max-width:600px){#about .info-section{gap:30px}#about .info-container{gap:15px}#about .info-title{font-size:32px}#about .info-text{font-size:14px}}@media screen and (max-width:350px){#about .info-section{gap:20px}#about .info-container{gap:10px}#about .info-title{font-size:28px}#about .info-text{font-size:12px}}.button{border-bottom:2px solid var(--blue);cursor:pointer;font-size:16px;padding:11px 10px 9px;transition:.15s ease-in-out}.button:hover{background:var(--blue);color:var(--dblack)}@media screen and (min-width:1921px){.button{border-bottom:3px solid var(--blue);font-size:22px;padding:14px 13px 12px}}.image-container{gap:25px}.image-container .image-picture{border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.333);height:auto;margin:0 auto;width:400px}.image-container .image-links{gap:20px}.image-container .image-links>*{color:var(--white)}.image-container .image-links .image-button{font-size:20px}.image-container .image-links .image-icon{font-size:45px;transition:.15s ease-in-out}.image-container .image-links .image-icon:hover{color:var(--blue)}@media screen and (min-width:1921px){#about .image-picture{width:400px}#about .image-links{gap:30px}#about .image-links .image-button{font-size:26px}#about .image-links .image-icon{font-size:60px}}@media screen and (max-width:1200px){#about .image-container{gap:15px}#about .image-container.container{float:none;margin:0;width:100%}#about .image-picture{width:300px}#about .image-links{gap:15px}#about .image-links .image-button{font-size:18px}#about .image-links .image-icon{font-size:36px}}@media screen and (max-width:600px){#about .image-picture{width:250px}#about .image-links{gap:15px}#about .image-links .image-button{font-size:16px}#about .image-links .image-icon{font-size:30px}}@media screen and (max-width:480px){#about .image-container{gap:8px}#about .image-picture{width:200px}#about .image-links{gap:12px}#about .image-links .image-button{font-size:14px}#about .image-links .image-icon{font-size:28px}}@media screen and (max-width:350px){#about .image-container{gap:4px}#about .image-picture{width:150px}#about .image-links{gap:8px}#about .image-links .image-button{font-size:12px}#about .image-links .image-icon{font-size:20px}}.expr-section{background:linear-gradient(142deg,var(--dblue),var(--blue));gap:60px;position:relative}.expr-title{color:var(--white);font-family:Maven Pro,sans-serif;font-size:60px;font-weight:500}.expr-button{border-bottom:2px solid var(--white);color:var(--white)}.expr-button:hover{background:var(--white);color:var(--dblue)}@media screen and (min-width:1921px){.expr-section{gap:80px}.expr-title{font-size:80px}}@media screen and (max-width:900px){.expr-section{height:-webkit-max-content;height:max-content;padding:70px 0 50px}}@media screen and (max-width:600px){.expr-title{font-size:54px}}@media screen and (max-width:350px){.expr-title{font-size:44px}.expr-section{gap:30px}}.expr-table{grid-gap:25px 25px;display:grid;gap:25px 25px;grid-template-columns:repeat(3,1fr);height:50%;width:60%}.expr-secret{bottom:5px;font-size:8px;position:absolute;right:10px}.expr-secret a{color:var(--dblue)}@media screen and (min-width:1921px){.expr-table{width:55%}}@media screen and (max-width:1100px){.expr-table{width:80%}}@media screen and (max-width:900px){.expr-table{grid-template-columns:repeat(2,1fr);width:60%}}@media screen and (max-width:750px){.expr-table{width:75%}}@media screen and (max-width:600px){.expr-table{grid-template-columns:repeat(1,1fr);width:50%}}@media screen and (max-width:480px){.expr-table{width:60%}}@media screen and (max-width:350px){.expr-table{width:80%}}.expr-item{background-color:transparent;cursor:help;max-height:300px;max-width:300px;min-height:200px;min-width:200px;-webkit-perspective:1000px;perspective:1000px}.expr-item:hover .expr-item-wrapper.not-flipped{box-shadow:0 0 5px hsla(0,0%,100%,.8);transition:.25s ease-in-out}.expr-item .expr-item-wrapper{border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.4);height:100%;position:relative;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:100%}.expr-item .expr-item-wrapper.flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.expr-item .expr-item-wrapper>*{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;width:100%}.expr-item-front{justify-content:end;overflow:hidden}.expr-item-front .expr-item-descr{align-items:start;height:40%;justify-content:space-evenly}.expr-item-back{background-color:#1e90ff;color:#fff}.expr-item-back,.expr-item-back .expr-item-img{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.expr-item-back .expr-item-descr{align-items:center;height:100%;justify-content:space-around;width:100%}.expr-item-img{height:100%;object-fit:cover;position:absolute;width:100%}.expr-item-descr{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:hsla(0,0%,100%,.75);color:var(--black);padding:7px 15px}.expr-item-title{font-size:20px;font-weight:500;justify-content:space-between;width:100%}.expr-item-title :first-child{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.expr-item-title :last-child{color:var(--lgray);cursor:pointer;font-size:12px;padding:0 0 0 2px}.expr-item-stack{text-wrap:nowrap;font-family:Maven Pro,sans-serif;font-size:14px;overflow:hidden;text-align:left;text-overflow:ellipsis;width:100%}@media screen and (min-width:1921px){.expr-item{max-width:400px}.expr-item-title{font-size:28px}.expr-item-stack{font-size:18px}.expr-item-back .expr-item-descr{font-size:22px}}@media screen and (max-width:480px){.expr-item{min-width:100px}.expr-item-title{font-size:18px}.expr-item-stack{font-size:12px}.expr-item-descr{padding:5px 12px}.expr-item-front .expr-item-descr{height:32%}.expr-item-back .expr-item-descr{font-size:14px}}@media screen and (max-width:350px){.expr-item-back .expr-item-descr{font-size:12px}}.contact-section{background:linear-gradient(-69deg,var(--black),var(--dblack));height:92.5vh}.contact-wrapper{height:45%;width:100%}.contact-footer{height:10%}.contact-title{color:var(--white);font-family:Maven Pro,sans-serif;font-size:60px;font-weight:500}.contact-descr{color:var(--blue);font-size:25px;font-weight:400}.contact-form-wrapper{align-items:center;justify-content:space-evenly}.contact-form-wrapper .contact-form{gap:15px;width:max(30%,300px)}.contact-form-wrapper .contact-form *{background:var(--lgray);border:none;border-radius:3px;padding:.5rem;resize:none;width:100%}.contact-form-wrapper .contact-btn{width:-webkit-min-content;width:min-content}@media screen and (min-width:1921px){.contact-title{font-size:80px}.contact-descr{font-size:32px}.contact-form-wrapper .contact-form>*{font-size:22px}}@media screen and (max-width:480px){.contact-title{font-size:48px}.contact-descr{font-size:18px}.contact-form-wrapper .contact-form{width:70%}}@media screen and (max-width:350px){.contact-title{font-size:36px}.contact-descr{font-size:12px}}.footer{background-color:var(--black);border-top:3px solid var(--blue);box-shadow:0 0 10px rgba(0,0,0,.467);color:var(--white);gap:5px;height:7.5vh}.footer-links{gap:10px}.footer-links .footer-icon{color:var(--white);font-size:22px;transition:.15s ease-in-out}.footer-links .footer-icon:hover{color:var(--lblue)}.footer-credits{font-size:14px}@media screen and (min-width:1921px){.footer-links .footer-icon{font-size:25px}.footer-credits{font-size:18px}}@media screen and (max-width:600px){.footer{height:7vh}}@media screen and (max-width:480px){.footer{height:6vh}}@media screen and (max-width:350px){.footer{height:5vh}.footer-credits{font-size:12px}.footer-links .footer-icon{font-size:20px}}
/*# sourceMappingURL=main.ea0a3ae6.css.map*/