@import url(https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap);:root{--shade0:#161616;--shade1:#303030;--shade2:#5e5e5e;--shade3:#919191;--shade4:#c6c6c6}*{box-sizing:border-box;font-family:Source Sans Pro,sans-serif;margin:0;padding:0;text-decoration:none}html{font-size:62.5%;scroll-behavior:smooth}body,html{width:100%}h1{font-size:4.8rem}h2{font-size:4rem}h3{font-size:3.2rem}h4{font-size:2.4rem}h5{font-size:1.6rem}h6{font-size:.8rem}a,p{font-size:1.8rem}a{cursor:pointer}.pre-container{width:100%}.pre-nav-container{position:fixed;width:100%;z-index:50000}.pre-nav-container.scrolled{background:#161616;background:var(--shade0)}.nav-container{color:#fff;margin:0 auto;max-width:1280px}.navigation{align-items:center;color:#fff;display:flex;height:80px;justify-content:space-between;padding:0 5rem;width:100%}.navigation a{color:#fff}.navigation .logo{color:#fff;font-family:Ma Shan Zheng,cursive;font-size:4.8rem;font-weight:700}.navigation-menu ul{align-items:center;display:flex;justify-content:center}.navigation-menu ul li{list-style:none;margin:0 1rem}.navigation-menu ul li a{padding:1rem;position:relative;transition:.3s ease-in-out}.navigation-menu ul li a:before{background-color:#fff;bottom:0;content:"";height:2px;left:20%;position:absolute;right:20%;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out;transition:transform .35s ease-in-out,-webkit-transform .35s ease-in-out;width:60%}.navigation-menu ul li a:hover:before{-webkit-transform:scale(1);transform:scale(1)}.hamburger{display:none}.pre-home-container{background:#161616;background:var(--shade0);width:100%}.home-container{color:#fff;margin:0 auto;max-width:1280px}.home{color:#fff;overflow:hidden;padding:0 0 0 5rem;position:relative}.home,.home .intro-svg{align-items:center;display:flex;justify-content:flex-start;min-height:100vh;width:100%}.home .intro-svg{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='218' height='218' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23303030' stroke-width='1.7'%3E%3Cpath d='m769 229 268 31.9M927 880 731 737l-211-77-211-122-269 61 255 165-168.5 115.5L40 599l-237-106 299-111-133-153L126.5 79.5-69-63'/%3E%3Cpath d='m-31 229 268 32 153 121 213 111-294.5 44.5-207-156M370 905l-75-141'/%3E%3Cpath d='m520 660 58 182 153-105 109-138-237-106-83 167-225 104 14-226 81-156 149-113 230-40L577.5 41.5 370 105 295-36 126.5 79.5 237 261 102 382 40 599-69 737l196 143'/%3E%3Cpath d='m520-140 58.5 182.5L731-63M603 493l-64-224-302-8 133-156m532 277L539 269M390 382H102'/%3E%3Cpath d='m-222 42 348.5 37.5L370 105l169 164 38.5-227.5L927 80 769 229l133 153-299 111 128 244M295-36l282.5 77.5M578 842l-283-78M40-201l87 281m-25 302-363-113'/%3E%3C/g%3E%3Cg fill='%235E5E5E'%3E%3Ccircle cx='769' cy='229' r='9'/%3E%3Ccircle cx='539' cy='269' r='9'/%3E%3Ccircle cx='603' cy='493' r='9'/%3E%3Ccircle cx='731' cy='737' r='9'/%3E%3Ccircle cx='520' cy='660' r='9'/%3E%3Ccircle cx='309' cy='538' r='9'/%3E%3Ccircle cx='295' cy='764' r='9'/%3E%3Ccircle cx='40' cy='599' r='9'/%3E%3Ccircle cx='102' cy='382' r='9'/%3E%3Ccircle cx='127' cy='80' r='9'/%3E%3Ccircle cx='370' cy='105' r='9'/%3E%3Ccircle cx='578' cy='42' r='9'/%3E%3Ccircle cx='237' cy='261' r='9'/%3E%3Ccircle cx='390' cy='382' r='9'/%3E%3C/g%3E%3C/svg%3E");-webkit-clip-path:polygon(50% 0,100% 1%,100% 35%,100% 70%,100% 100%,50% 100%,25% 100%,39% 67%,39% 30%,25% 0);clip-path:polygon(50% 0,100% 1%,100% 35%,100% 70%,100% 100%,50% 100%,25% 100%,39% 67%,39% 30%,25% 0);position:absolute}.home .intro{min-height:80vh;width:40%}.home .intro .intro-info{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;min-height:80vh;padding:1rem;text-align:center;width:100%}.home .intro .intro-info a{background:#fff;border:none;border-radius:30px;color:#000;padding:1.5rem 2rem;transition:.3s ease}.home .intro .intro-info a span{background:#000;border:none;border-radius:20px;color:#fff;padding:.5rem}.home .intro .intro-info a:hover{padding:1.5rem 3rem}.pre-skills-container{background:#fff;width:100%}.skills-container{color:#000;margin:0 auto;max-width:1280px}.skills{color:#000;flex-direction:column;min-height:100vh;padding:0 5rem;width:100%}.skills,.skills .skills-wrapper{align-items:center;display:flex;justify-content:space-evenly}.skills .skills-wrapper{flex-direction:row;min-height:50vh}.skills .skills-wrapper .skill-description{align-items:center;background:#161616;background:var(--shade0);color:#fff;display:flex;flex-direction:column;justify-content:space-around;max-width:30%;min-height:inherit;padding:1rem;text-align:center}.skills .skills-wrapper .skill-description h3{color:#5e5e5e;color:var(--shade2)}.skills .skills-wrapper .skill-description .skills-logo{background:#c6c6c6;background:var(--shade4);border-radius:50%;color:#161616;color:var(--shade0);display:flex;font-size:4rem;padding:2rem}.pre-projects-container{background:#161616;background:var(--shade0);width:100%}.projects-container{color:#fff;margin:0 auto;max-width:1280px}.projects{color:#fff;flex-direction:column;min-height:100vh;padding:0 5rem;width:100%}.projects,.projects .projects-wrapper{align-items:center;display:flex;justify-content:space-evenly}.projects .projects-wrapper{flex-direction:row;min-height:50vh}.projects .projects-wrapper .projects-description{align-items:center;background:#161616;background:var(--shade0);color:#fff;display:flex;flex-direction:column;justify-content:space-around;max-width:30%;min-height:inherit;position:relative;text-align:center}.projects .projects-wrapper .projects-description .image{display:block;height:auto;width:100%}.projects .projects-wrapper .projects-description .overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;opacity:0;position:absolute;transition:.3s ease;width:100%}.projects .projects-wrapper .projects-description:hover .overlay{opacity:1}.projects .projects-wrapper .projects-description .overlay a{background:#fff;border-radius:50px;color:#000;padding:1rem 2rem;transition:.3s ease}.projects .projects-wrapper .projects-description .overlay a:hover{background:#c6c6c6;background:var(--shade4)}.pre-certificates-container{background:#fff;width:100%}.certificates-container{color:#000;margin:0 auto;max-width:1280px}.certificates{color:#000;justify-content:space-evenly;min-height:100vh;padding:0 5rem;width:100%}.certificates,.certificates .certificates-wrapper{align-items:center;display:flex;flex-direction:column}.certificates .certificates-wrapper{justify-content:space-between;min-height:60vh;width:80%}.certificates .certificates-wrapper iframe{min-height:50vh;width:100%}.certificates .certificates-wrapper a{background:#161616;background:var(--shade0);border-radius:50px;color:#fff;margin-top:2rem;padding:1.5rem 5rem;transition:.3s ease}.certificates .certificates-wrapper a:hover{background:#303030;background:var(--shade1)}.pre-about-container{background:#161616;background:var(--shade0);width:100%}.about-container{color:#fff;margin:0 auto;max-width:1280px}.about{color:#fff;flex-direction:column;justify-content:space-evenly;min-height:100vh;padding:0 5rem;width:100%}.about,.about-wrapper{align-items:center;display:flex}.about-wrapper{justify-content:center;max-width:70%;min-height:50vh;text-align:center}.pre-contact-container{background:#fff;width:100%}.about-contact{color:#000;margin:0 auto;max-width:1280px}.contact{color:#000;flex-direction:column;justify-content:space-evenly;min-height:100vh;padding:0 5rem;width:100%}.contact,.contact-wrapper{align-items:center;display:flex}.contact-wrapper{flex-wrap:wrap;justify-content:center;min-height:50vh;width:80%}.contact-wrapper .contact-item{align-items:center;color:#000;display:flex;flex-direction:column;justify-content:space-evenly;margin:1rem;min-height:20vh;text-decoration:none;transition:.3s ease;width:20%}.contact-wrapper .contact-item svg{font-size:5rem}.contact-wrapper .contact-item:hover{color:#5e5e5e;color:var(--shade2)}.footer{padding:1em 0}.footer p{text-align:center}@media screen and (max-width:768px){.hamburger{border:none;border-radius:5px;display:block;font-size:2rem;padding:.5rem}.hamburger,.hamburger svg{display:flex}.navigation-menu{display:none}.navigation-menu.expanded{display:block}.navigation-menu{background:#161616;background:var(--shade0);left:0;position:absolute;top:80px;width:100%}.navigation-menu ul{flex-direction:column}.navigation-menu ul li{display:flex;width:100%}.navigation-menu ul li a{all:unset;cursor:pointer;font-size:1.8rem;padding:2rem;position:relative;transition:.3s ease-in-out;width:inherit}.home{padding:0}.home h1{font-size:3.4rem}.home .intro-svg{all:unset;align-items:center;-webkit-clip-path:polygon(50% 0,100% 1%,100% 35%,100% 70%,100% 100%,50% 100%,0 100%,0 63%,0 36%,0 0);clip-path:polygon(50% 0,100% 1%,100% 35%,100% 70%,100% 100%,50% 100%,0 100%,0 63%,0 36%,0 0);display:flex;justify-content:flex-start;position:absolute}.home .intro,.home .intro .intro-info,.home .intro-svg{min-height:100vh;width:100%}.home .intro .intro-info{align-items:center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='218' height='218' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23303030' stroke-width='1.7'%3E%3Cpath d='m769 229 268 31.9M927 880 731 737l-211-77-211-122-269 61 255 165-168.5 115.5L40 599l-237-106 299-111-133-153L126.5 79.5-69-63'/%3E%3Cpath d='m-31 229 268 32 153 121 213 111-294.5 44.5-207-156M370 905l-75-141'/%3E%3Cpath d='m520 660 58 182 153-105 109-138-237-106-83 167-225 104 14-226 81-156 149-113 230-40L577.5 41.5 370 105 295-36 126.5 79.5 237 261 102 382 40 599-69 737l196 143'/%3E%3Cpath d='m520-140 58.5 182.5L731-63M603 493l-64-224-302-8 133-156m532 277L539 269M390 382H102'/%3E%3Cpath d='m-222 42 348.5 37.5L370 105l169 164 38.5-227.5L927 80 769 229l133 153-299 111 128 244M295-36l282.5 77.5M578 842l-283-78M40-201l87 281m-25 302-363-113'/%3E%3C/g%3E%3Cg fill='%235E5E5E'%3E%3Ccircle cx='769' cy='229' r='9'/%3E%3Ccircle cx='539' cy='269' r='9'/%3E%3Ccircle cx='603' cy='493' r='9'/%3E%3Ccircle cx='731' cy='737' r='9'/%3E%3Ccircle cx='520' cy='660' r='9'/%3E%3Ccircle cx='309' cy='538' r='9'/%3E%3Ccircle cx='295' cy='764' r='9'/%3E%3Ccircle cx='40' cy='599' r='9'/%3E%3Ccircle cx='102' cy='382' r='9'/%3E%3Ccircle cx='127' cy='80' r='9'/%3E%3Ccircle cx='370' cy='105' r='9'/%3E%3Ccircle cx='578' cy='42' r='9'/%3E%3Ccircle cx='237' cy='261' r='9'/%3E%3Ccircle cx='390' cy='382' r='9'/%3E%3C/g%3E%3C/svg%3E");display:flex;flex-direction:column;justify-content:space-evenly;padding:1rem;text-align:center}.skills{padding:0}.skills .skills-wrapper{flex-direction:column}.skills .skills-wrapper .skill-description{margin:1rem;max-width:100%;min-height:40vh}.skills .skills-wrapper .skill-description .skills-logo{font-size:2rem;padding:2rem}.skills .skills-wrapper .skill-description h3{font-size:3rem}.projects{padding:0}.projects h1{margin:4rem 0}.projects .projects-wrapper{flex-direction:column;min-height:85vh}.projects .projects-wrapper .projects-description{margin:1rem;max-width:100%;min-height:40vh}.projects .projects-wrapper .projects-description h3{font-size:3rem}.certificates{padding-left:0;padding-right:0}.certificates .certificates-wrapper{padding:1rem;width:100%}.certificates .certificates-wrapper iframe{border:none;width:100%}.about{padding:5rem 0}.about-wrapper{align-items:center;display:flex;justify-content:center;margin:0 1rem;max-width:100%;min-height:50vh;text-align:center}.contact{padding:0}.contact-wrapper{margin:0 1rem;width:100%}.contact-wrapper .contact-item{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;margin:1rem;min-height:20vh;transition:.3s ease;width:40%}}
/*# sourceMappingURL=main.c3138078.css.map*/