.divider{width:150px;height:1px;margin:40px auto;background:#fff}.title{text-align:center}.title h2{font-size:40px;font-weight:600}.title h2 span{margin:0 0 0 5px;color:#29c1bc;font-size:40px}.about-profile{display:flex;justify-content:center;align-items:center;margin:0 0 100px;opacity:0}.about-profile.show{animation-delay:0s;animation-duration:1s;animation-name:setShow;animation-fill-mode:forwards;animation-timing-function:ease}.about-profile .profile-img{width:160px;height:160px;border:10px solid silver;border-radius:50%;overflow:hidden}.about-profile .profile-img img{width:100%}.about-profile .profile-desc{margin:0 0 0 60px;line-height:1.7}.about-profile .profile-desc p{font-weight:400}@keyframes ani{0%{border:1px solid red}to{border:2px solid #00f}}.info-item .info-icon{display:flex;justify-content:center;align-items:center}.info-item{width:330px;text-align:center}.info-item .info-icon{width:100px;height:100px;margin:0 auto;border:1px solid silver;border-radius:50%}.info-item .info-icon svg{width:40px;height:40px}.info-item h3{margin:30px 0;color:#29c1bc;font-size:24px;font-weight:400}.info-item p{font-size:14px;font-weight:300;line-height:1.8}.info-item p strong{font-weight:500}.about-info{display:flex;justify-content:space-between;align-items:flex-start;width:1200px;opacity:0}.about-info.show{animation-delay:.2s;animation-duration:1s;animation-name:setShow;animation-fill-mode:forwards;animation-timing-function:ease}#About{display:flex;justify-content:center;align-items:flex-start;height:100%;padding:120px 0;background:#f4f4f4}#About .about-container{width:1200px;margin:0 auto}#Main{display:flex;justify-content:center;align-items:center;position:relative;background:rgba(0,0,0,.3);height:100vh;overflow:hidden}#Main .background-img{position:absolute;top:0;left:0;width:100%;transform:translateY(-490px);z-index:-1}#Main .main-info{width:1200px;color:#fff;text-align:center}#Main .main-info h1{font-size:70px;font-weight:400}#Main .main-info p{font-size:24px;line-height:1.5}#Main .main-info p strong{animation:letterShine 5s ease infinite}#Main .down-container{position:absolute;bottom:40px;text-align:center}#Main .down-container .down-btn{padding:20px 60px;color:#fff;background:rgba(0,0,0,.3);border:1px solid #fff}#Main .down-container .down-arrow{margin:20px 0 0;color:#fff;font-size:36px;animation:arrowDown 1.5s ease-out infinite}@keyframes arrowDown{0%{opacity:0;transform:translateY(-40px)}90%{opacity:1;transform:translateY(0)}}@keyframes letterShine{0%,to{color:#fff}25%,75%{color:#29c1bc}}#Navbar .nav-container{display:flex;justify-content:space-between;align-items:center}#Navbar .nav-container .nav-menu{display:flex;justify-content:center;align-items:center}#Navbar .nav-container .nav-menu-item,#Navbar .nav-container h2{display:flex;align-items:center}#Navbar{position:fixed;top:0;width:100%;padding:20px 0;color:#fff;transition:all .3s ease;z-index:1000}#Navbar.shrink{padding:0;background:rgba(0,0,0,.3);border-bottom:1px solid #f4f4f4}#Navbar .nav-container{width:1200px;height:70px;margin:0 auto}#Navbar .nav-container .nav-menu{transform:translateX(20px)}#Navbar .nav-container .nav-menu .nav-menu-item{padding:10px 20px;margin:0 0 0 10px;font-size:18px;font-weight:500}#Navbar .nav-container .nav-menu .nav-menu-item.focus{background:#29c1bc}#Navbar .nav-container .nav-menu .nav-menu-item.focus:hover{color:#fff}#Navbar .nav-container .nav-menu-item,#Navbar .nav-container h2{border-radius:10px;transition:all .3s ease;cursor:pointer}#Navbar .nav-container .nav-menu-item:hover,#Navbar .nav-container h2:hover{color:#29c1bc;transform:scale(1.1)}#Footer{padding:20px 0;color:#fff;background:rgba(0,0,0,.3);font-size:14px;text-align:center}#Footer p{margin:10px 0;font-size:14px}.project-item,.project-item .project-desc .project-link,.project-item .project-desc .project-link span a{display:flex;align-items:center}.project-item{justify-content:flex-start;height:270px;margin:0 0 100px;opacity:0}.project-item:last-child{margin:0}.project-item .project-img{width:400px;height:100%;padding:7px;margin:0 40px 0 0;background:#f4f4f4;border-radius:10px;box-shadow:3px 3px 5px 3px silver}.project-item .project-img img{width:100%;height:100%;object-fit:cover;border-radius:10px}.project-item .project-desc{position:relative;height:100%;padding:5px 0}.project-item .project-desc h3{font-size:24px}.project-item .project-desc h3 span{color:#29c1bc}.project-item .project-desc p{line-height:1.5;font-weight:300}.project-item .project-desc .project-summary{margin:10px 0 20px}.project-item .project-desc .project-learned h4{margin:0 0 10px}.project-item .project-desc .project-learned li{position:relative;padding:0 0 0 20px;margin:0 0 8px;font-weight:300}.project-item .project-desc .project-learned li:after{content:"";position:absolute;top:50%;left:5px;transform:translateY(-50%);width:6px;height:6px;background:#29c1bc}.project-item .project-desc .project-link{position:absolute;bottom:3px}.project-item .project-desc .project-link span{margin:0 20px 0 0}.project-item .project-desc .project-link span a{color:#919191;text-decoration:underline;transition:all .3s ease}.project-item .project-desc .project-link span a svg{margin:0 7px 0 0;font-size:18px;fill:#919191}.project-item .project-desc .project-link span:hover a{color:#29c1bc}.project-item .project-desc .project-link span:hover a svg{fill:#29c1bc}#Project{display:flex;justify-content:center;align-items:flex-start;height:100%;padding:120px 0}#Project .project-container{width:1200px;margin:0 auto}#Project .project-container.show .project-item:nth-child(2){animation-delay:0s;animation-duration:1s;animation-name:setShow;animation-fill-mode:forwards;animation-timing-function:ease}#Project .project-container.show .project-item:nth-child(3){animation-delay:.2s;animation-duration:1s;animation-name:setShow;animation-fill-mode:forwards;animation-timing-function:ease}#Project .project-container.show .project-item:nth-child(4){animation-delay:.4s;animation-duration:1s;animation-name:setShow;animation-fill-mode:forwards;animation-timing-function:ease}#Contact{display:flex;justify-content:center;align-items:flex-start;height:100%;padding:120px 0;background:#f4f4f4}#Contact .contact-container{width:1200px;margin:0 auto}#Contact .contact-container .contact-list{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:40px;opacity:0}#Contact .contact-container .contact-list.show{animation-delay:0s;animation-duration:1s;animation-name:setShow;animation-fill-mode:forwards;animation-timing-function:ease}#Contact .contact-container .contact-list h3{margin:0 0 30px;color:#29c1bc;font-size:24px;font-weight:400}#Contact .contact-container .contact-list p{margin:0 0 20px;font-size:18px}#Contact .contact-container .contact-list a{font-size:18px;font-weight:300;text-decoration:underline;transition:all .3s ease}#Contact .contact-container .contact-list a:hover{color:#29c1bc}#Contact .contact-container .contact-list svg{margin:0 10px 0 0;font-size:18px;transform:translateY(3px)}#Contact .contact-container .contact-list .contact-email .contact-email-form input,#Contact .contact-container .contact-list .contact-email .contact-email-form textarea{display:block;width:100%;margin:10px 0 0;padding:10px;background:#fff;border:none;border-top:1px solid #000;outline:0}#Contact .contact-container .contact-list .contact-email .contact-email-form input:active,#Contact .contact-container .contact-list .contact-email .contact-email-form input:focus,#Contact .contact-container .contact-list .contact-email .contact-email-form textarea:active,#Contact .contact-container .contact-list .contact-email .contact-email-form textarea:focus{transition:all .3s ease;border:2px solid #29c1bc}#Contact .contact-container .contact-list .contact-email .contact-email-form .form-name-mail{margin:0 0 30px;display:grid;grid-template-columns:2fr 3fr;grid-gap:60px}#Contact .contact-container .contact-list .contact-email .contact-email-form .form-name-mail input{height:35px}#Contact .contact-container .contact-list .contact-email .contact-email-form textarea{height:160px}#Contact .contact-container .contact-list .contact-email .contact-email-form .contact-submit-btn{display:block;width:120px;padding:15px;margin:30px auto;border:1px solid #000;font-size:18px;transition:all .3s ease}#Contact .contact-container .contact-list .contact-email .contact-email-form .contact-submit-btn:hover{border-color:#29c1bc;background:#29c1bc;color:#fff}#Contact .contact-container .contact-list .contact-phone a{display:block;margin:0 0 20px}#Contact .contact-container .contact-list .contact-reference p{margin:0 0 15px}#Contact .contact-container .contact-list .contact-reference a{display:block;margin:0 0 50px}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{line-height:1}input{background:transparent}button,input{border:0;outline:0}button{background:0;padding:0;cursor:pointer}li,ul{padding:0;list-style:none}a{color:#000;text-decoration:none}@keyframes setShow{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}
/*# sourceMappingURL=main.4b27842e.chunk.css.map */