body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#464646;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{-webkit-appearance:none}::-webkit-scrollbar:vertical{width:7px}::-webkit-scrollbar-thumb{background:#7f7777;border-radius:7px}button,input[type=reset],input[type=submit]{background:none;border:none;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0}.my-node-enter{opacity:0}.my-node-enter-active{opacity:1;transition:opacity .2s}.my-node-exit{opacity:1}.my-node-exit-active{opacity:0;transition:opacity .2s}.landing-container{background-color:#787777;height:100vh;overflow:hidden}.landing-container,.landing-container .intro-front{align-items:center;display:flex;justify-content:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.landing-container .intro-front{background-color:#464646;bottom:0;height:100%;left:0;position:absolute;position:relative;right:0;top:0;-webkit-transform:translateZ(3rem);transform:translateZ(3rem);width:100%}.landing-container .intro-text{-webkit-transform:translateZ(10rem);transform:translateZ(10rem)}.landing-container .line-down{bottom:40px;right:20px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100%;transform-origin:100%}.landing-container .line-down,.landing-container .line-top{background-color:#aaa;height:4px;position:absolute;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear;width:45%}.landing-container .line-top{left:20px;top:40px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0}.landing-container .line-top.cover{-webkit-transform:scaleX(1) translateZ(8rem);transform:scaleX(1) translateZ(8rem);-webkit-transform-origin:0;transform-origin:0}.landing-container .line-down.cover,.landing-container .line-top.cover{transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear}.landing-container .line-down.cover{-webkit-transform:scaleX(1) translateZ(8rem);transform:scaleX(1) translateZ(8rem);-webkit-transform-origin:100%;transform-origin:100%}.landing-container .btn-container{position:absolute;right:10px;-webkit-transform:translateX(150%) translateZ(8rem);transform:translateX(150%) translateZ(8rem);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.landing-container .btn-container.about-me{bottom:50px;right:auto;-webkit-transform:translateY(200%) translateZ(8rem);transform:translateY(200%) translateZ(8rem)}.landing-container .btn-container.slide{-webkit-transform:translateX(0) translateZ(8rem);transform:translateX(0) translateZ(8rem);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.landing-container .btn-container.about-me.slide{-webkit-transform:translateY(0) translateZ(8rem);transform:translateY(0) translateZ(8rem)}.landing-container .btn-container .down-btn{background:none;border:none;color:inherit;cursor:pointer;font:inherit;height:70px;outline:inherit;padding:0;position:relative;width:50px}.landing-container .btn-container.about-me .down-btn{height:50px;width:70px}.landing-container .down-btn .btn-topline{background-color:#aaa;border-bottom-right-radius:5px;border-top-right-radius:10px;height:3px;-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-transform-origin:92%;transform-origin:92%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;width:40px}.landing-container .btn-container.about-me .down-btn .btn-topline{-webkit-transform:translateX(-5px) translateY(16px) rotate(45deg);transform:translateX(-5px) translateY(16px) rotate(45deg);-webkit-transform-origin:92%;transform-origin:92%}.landing-container .down-btn .btn-bottomline{background-color:#aaa;border-bottom-right-radius:20px;border-top-right-radius:5px;height:3px;-webkit-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-transform-origin:92%;transform-origin:92%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;width:40px}.landing-container .btn-container.about-me .down-btn .btn-bottomline{border-bottom-left-radius:20px;border-bottom-right-radius:0;border-top-left-radius:20px;border-top-right-radius:0;-webkit-transform:translateX(31px) translateY(13px) rotate(-45deg);transform:translateX(31px) translateY(13px) rotate(-45deg);-webkit-transform-origin:10%;transform-origin:10%}.landing-container .name-text{overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.landing-container .name{color:#eef0f2;display:inline-block;font-family:Anek Latin;font-size:60px;letter-spacing:1px;-webkit-transform:translateY(100%);transform:translateY(100%)}.landing-container .name.show-name{-webkit-transform:translateY(0);transform:translateY(0);transition:transform .7s ease}.landing-container .down-arrow{height:100%;width:auto}.landing-container .down-btn:hover .btn-bottomline{-webkit-transform:rotate(-55deg);transform:rotate(-55deg);-webkit-transform-origin:94%;transform-origin:94%}.landing-container .about-me .down-btn:hover .btn-bottomline,.landing-container .down-btn:hover .btn-bottomline{transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.landing-container .about-me .down-btn:hover .btn-bottomline{-webkit-transform:translateX(32px) translateY(12px) rotate(-30deg);transform:translateX(32px) translateY(12px) rotate(-30deg);-webkit-transform-origin:10%;transform-origin:10%}.landing-container .down-btn:hover .btn-topline{-webkit-transform:rotate(55deg);transform:rotate(55deg);-webkit-transform-origin:94%;transform-origin:94%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.landing-container .about-me .down-btn:hover .btn-topline{-webkit-transform:translateX(-5px) translateY(16px) rotate(30deg);transform:translateX(-5px) translateY(16px) rotate(30deg);-webkit-transform-origin:92%;transform-origin:92%}.landing-container .down-btn .btn-text{left:-85px;overflow:hidden;position:absolute;top:7px}.landing-container .about-me .down-btn .btn-text{left:-2px;overflow:hidden;position:absolute;top:-44px}.landing-container .down-btn .btn-text .port-text{color:#b9b9b9;display:inline-block;font-family:Heebo,sans-serif;font-size:25px;opacity:.2;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;z-index:10}.landing-container .about-me .down-btn .btn-text .port-text{-webkit-transform:translateY(100%);transform:translateY(100%);width:100%}.landing-container .down-btn:hover .btn-text .port-text{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;z-index:99999}.landing-container .about-me .down-btn:hover .port-text{-webkit-transform:translateY(0);transform:translateY(0)}.landing-container .intro-front.intro-flip{-webkit-transform:rotateY(-.5turn);transform:rotateY(-.5turn);transition:-webkit-transform 1.2s linear;transition:transform 1.2s linear;transition:transform 1.2s linear,-webkit-transform 1.2s linear}.landing-container .intro-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;left:0;padding:5em 3em;position:absolute;right:0;top:0}.landing-container .intro-back,.webportfolio-container{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.webportfolio-container{align-items:center;background-color:#787777;display:flex;height:100vh;justify-content:center;overflow:hidden}.webportfolio-container .btn-container1,.webportfolio-container .btn-container2{left:30px;position:fixed;top:45%;-webkit-transform:translateX(-150%) translateZ(8rem);transform:translateX(-150%) translateZ(8rem);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;z-index:999}.webportfolio-container .btn-container1 .down-btn1,.webportfolio-container .btn-container2 .down-btn1,.webportfolio-container .btn-container2 .down-btn2{background:none;border:none;color:inherit;cursor:pointer;font:inherit;height:50px;outline:inherit;padding:0;position:relative}.webportfolio-container .btn-container1 .down-btn1 .btn-topline1,.webportfolio-container .btn-container2 .down-btn1 .btn-topline1,.webportfolio-container .btn-container2 .down-btn2 .btn-topline1,.webportfolio-container .btn-container2 .down-btn2 .btn-topline2{background-color:#aaa;border-bottom-right-radius:5px;border-top-right-radius:10px;height:3px;-webkit-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-transform-origin:10%;transform-origin:10%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;width:40px}.webportfolio-container .btn-container1 .down-btn1 .btn-bottomline1,.webportfolio-container .btn-container2 .down-btn1 .btn-bottomline1,.webportfolio-container .btn-container2 .down-btn2 .btn-bottomline1,.webportfolio-container .btn-container2 .down-btn2 .btn-bottomline2{background-color:#aaa;border-bottom-right-radius:20px;border-top-right-radius:5px;height:3px;-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-transform-origin:7%;transform-origin:7%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;width:40px}.webportfolio-container .btn-container1 .down-btn1 .btn-text1,.webportfolio-container .btn-container2 .down-btn1 .btn-text1,.webportfolio-container .btn-container2 .down-btn2 .btn-text1,.webportfolio-container .btn-container2 .down-btn2 .btn-text2{overflow:hidden;position:absolute;right:-45px;top:2px}.webportfolio-container .btn-container1 .down-btn1 .port-text1,.webportfolio-container .btn-container2 .down-btn1 .port-text1,.webportfolio-container .btn-container2 .down-btn2 .port-text1,.webportfolio-container .btn-container2 .down-btn2 .port-text2{color:#b9b9b9;display:inline-block;font-family:Heebo,sans-serif;font-size:25px;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;z-index:10}.webportfolio-container .btn-container1 .down-btn1:hover .btn-container2 .down-btn2 .port-text2,.webportfolio-container .btn-container1 .down-btn1:hover .port-text1,.webportfolio-container .btn-container2 .down-btn1:hover .down-btn2 .port-text2,.webportfolio-container .btn-container2 .down-btn1:hover .port-text1,.webportfolio-container .btn-container2 .down-btn2 .down-btn1:hover .port-text2,.webportfolio-container .btn-container2 .down-btn2:hover .port-text1,.webportfolio-container .btn-container2 .down-btn2:hover .port-text2{color:#b9b9b9;display:inline-block;font-family:Heebo,sans-serif;font-size:25px;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;z-index:10}.webportfolio-container .btn-container1 .down-btn1:hover .btn-bottomline1,.webportfolio-container .btn-container1 .down-btn1:hover .btn-container2 .down-btn2 .btn-bottomline2,.webportfolio-container .btn-container2 .down-btn1:hover .btn-bottomline1,.webportfolio-container .btn-container2 .down-btn1:hover .down-btn2 .btn-bottomline2,.webportfolio-container .btn-container2 .down-btn2 .down-btn1:hover .btn-bottomline2,.webportfolio-container .btn-container2 .down-btn2:hover .btn-bottomline1,.webportfolio-container .btn-container2 .down-btn2:hover .btn-bottomline2{-webkit-transform:rotate(55deg);transform:rotate(55deg);-webkit-transform-origin:7%;transform-origin:7%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.webportfolio-container .btn-container1 .down-btn1:hover .btn-container2 .down-btn2 .btn-topline2,.webportfolio-container .btn-container1 .down-btn1:hover .btn-topline1,.webportfolio-container .btn-container2 .down-btn1:hover .btn-topline1,.webportfolio-container .btn-container2 .down-btn1:hover .down-btn2 .btn-topline2,.webportfolio-container .btn-container2 .down-btn2 .down-btn1:hover .btn-topline2,.webportfolio-container .btn-container2 .down-btn2:hover .btn-topline1,.webportfolio-container .btn-container2 .down-btn2:hover .btn-topline2{-webkit-transform:rotate(-55deg);transform:rotate(-55deg);-webkit-transform-origin:10%;transform-origin:10%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.webportfolio-container .btn-container2{left:auto;right:30px;-webkit-transform:translateX(150%) translateZ(8rem);transform:translateX(150%) translateZ(8rem)}.webportfolio-container .btn-container2 .down-btn2 .btn-topline2{-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-transform-origin:92%;transform-origin:92%}.webportfolio-container .btn-container2 .down-btn2 .btn-bottomline2{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-transform-origin:92%;transform-origin:92%}.webportfolio-container .btn-container2 .down-btn2 .btn-text2{left:-60px;right:auto;top:-3px}.webportfolio-container .btn-container2 .down-btn2 .port-text2{-webkit-transform:translateX(100%);transform:translateX(100%)}.webportfolio-container .btn-container2 .down-btn2:hover .port-text2{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;z-index:99999}.webportfolio-container .btn-container2 .down-btn2:hover .btn-bottomline2{-webkit-transform:rotate(-55deg);transform:rotate(-55deg);-webkit-transform-origin:94%;transform-origin:94%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.webportfolio-container .btn-container2 .down-btn2:hover .btn-topline2{-webkit-transform:rotate(55deg);transform:rotate(55deg);-webkit-transform-origin:94%;transform-origin:94%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.webportfolio-container .btn-container1.slide,.webportfolio-container .slide.btn-container2{-webkit-transform:translateX(0) translateZ(8rem);transform:translateX(0) translateZ(8rem);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.webportfolio-container .port-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#464646;bottom:0;display:flex;justify-content:center;left:0;overflow:auto;padding:5em 3em;position:absolute;right:0;top:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@media(max-width:767px){.webportfolio-container .port-front{padding:5em 0}}.webportfolio-container .port-front .portfolio-card{text-align:center;width:70%}.webportfolio-container .port-front .portfolio-card .header{color:#eef0f2;font-family:Anek Latin;font-size:31px}.webportfolio-container .port-front .portfolio-card .sub-text{color:#cdcdcd;font-family:Anek Latin;font-size:18px;margin-top:10px}.webportfolio-container .port-front .portfolio-card .skill-box{display:flex;justify-content:center}.webportfolio-container .port-front .portfolio-card .skill-box .skill-container{display:flex;flex-wrap:wrap;justify-content:flex-start;width:90%}.webportfolio-container .port-front .portfolio-card .skill-container .skill{background-image:linear-gradient(#727373,#828282);border-radius:8px;margin:10px;padding:7px 11px}.webportfolio-container .port-front .portfolio-card .skill-container .skill .skill-name{color:#f3f4f4;font-family:Anek Latin;font-size:15px;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none}.webportfolio-container .port-front .portfolio-card .project-grid{display:grid;grid-template-columns:50% 50%;justify-items:center}@media(max-width:767px){.webportfolio-container .port-front .portfolio-card .project-grid{display:block;margin-bottom:14px}}.webportfolio-container .port-front .portfolio-card .project-grid .project-box{align-items:center;display:flex;height:190px;justify-content:center;margin-bottom:14px;overflow:hidden;position:relative;width:300px}.webportfolio-container .port-front .portfolio-card .project-grid .project-box .project-img{background-repeat:no-repeat;background-size:contain;height:100%;width:100%}.webportfolio-container .port-front .portfolio-card .project-grid .project-box .stack-container{align-items:center;background-color:hsla(0,0%,7%,.42);display:flex;height:100%;position:absolute;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.webportfolio-container .port-front .portfolio-card .project-grid .project-box .stack-container:hover,.webportfolio-container .port-front .portfolio-card .project-grid .project-box :hover~.stack-container{-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.webportfolio-container .port-front .portfolio-card .project-grid .project-box .stack-box{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;position:absolute;width:100%}.webportfolio-container .port-front .portfolio-card .project-grid .project-box .stack-box .btn-container4{margin-top:9px;width:100%}.webportfolio-container .port-front .portfolio-card .project-grid .project-box .stack-box .btn-container4 .view-btn{background-color:#fff;border-radius:7px;color:rgba(49,46,46,.82);font-family:Anek Latin;font-size:17px;font-weight:600;padding:5px 16px;text-transform:lowercase}.webportfolio-container .port-front .line-down.no-show,.webportfolio-container .port-front .line-top.no-show{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);-webkit-transform-origin:0;transform-origin:0;transition:-webkit-transform 0s linear;transition:transform 0s linear;transition:transform 0s linear,-webkit-transform 0s linear}.webportfolio-container .modal-img{background-repeat:no-repeat;background-size:contain;height:100%;width:100%}.webportfolio-container .open-modal{height:100vh!important;left:0!important;opacity:1!important;top:0!important;-webkit-transform:translateY(0) translateX(0)!important;transform:translateY(0) translateX(0)!important;transition:all .3s ease;width:100%!important;z-index:99999999}.webportfolio-container .open-modal .box1{align-items:center;display:flex;justify-content:center;width:40%}@media(max-width:767px){.webportfolio-container .open-modal .box1{margin-bottom:16px;margin-top:36px;width:100%}}.webportfolio-container .open-modal .box2{align-items:center;display:flex;flex-direction:column;justify-content:center;opacity:1;width:60%}@media(max-width:767px){.webportfolio-container .open-modal .box2{width:100%}}.webportfolio-container .open-modal .box2 .project-description{color:#dfebeb;font-family:Anek Latin;margin-top:20px}.webportfolio-container .open-modal .modal-img{background-repeat:no-repeat;background-size:contain;height:auto;width:90%}.webportfolio-container .open-modal .modal-stack{align-items:center;display:flex;justify-content:center;opacity:1}.webportfolio-container .open-modal .close-btn1.close-rotate{-webkit-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);-webkit-transform-origin:55% 0;transform-origin:55% 0}.webportfolio-container .open-modal .close-btn1.close-rotate,.webportfolio-container .open-modal .close-btn2.close-rotate{transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}.webportfolio-container .open-modal .close-btn2.close-rotate{-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1);-webkit-transform-origin:42% 0;transform-origin:42% 0}.webportfolio-container .open-modal .close-btn1,.webportfolio-container .open-modal .close-btn2{background-color:hsla(0,0%,100%,.77);height:3px;position:absolute;right:30px;top:40px;-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);-webkit-transform-origin:50% 0;transform-origin:50% 0;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear;width:36px}.webportfolio-container .box2{opacity:0;width:0}.webportfolio-container .tech-name{background-image:linear-gradient(#727373,#828282);border-radius:5px;color:azure;margin:2px 5px;padding:5px 10px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.about-container{align-items:center;background-color:#464646;display:flex;height:100vh;justify-content:center;overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@media(max-width:767px){.about-container .about-box{padding:0 16px}}.about-container .about-box .about-header{color:#eef0f2;font-family:Anek Latin;font-size:31px}.about-container .about-box .about-header:after{background-color:#eef0f2;content:"";display:block;height:2px;margin-top:2px;width:43px}.about-container .about-box .about-data{color:#f0f8ff;font-family:Heebo,sans-serif;font-size:13px;margin-top:16px}.about-container .about-box .connect-text{color:#f0f8ff;font-family:Heebo,sans-serif;font-size:13px;margin-bottom:10px;margin-top:8px}.about-container .about-box .social-img{cursor:pointer;height:40px;margin-right:12px;width:40px}.about-container .btn-container{position:absolute;top:30px;-webkit-transform:translateY(-150%) translateZ(8rem);transform:translateY(-150%) translateZ(8rem);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.about-container .btn-container .down-btn{background:none;border:none;color:inherit;cursor:pointer;font:inherit;height:50px;outline:inherit;padding:0;position:relative;width:70px}.about-container .btn-container .down-btn .btn-topline{border-bottom-right-radius:5px;border-top-right-radius:10px;-webkit-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-transform-origin:10%;transform-origin:10%;-webkit-transform-origin:92%;transform-origin:92%}.about-container .btn-container .down-btn .btn-bottomline,.about-container .btn-container .down-btn .btn-topline{background-color:#aaa;height:3px;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;width:40px}.about-container .btn-container .down-btn .btn-bottomline{border-bottom-left-radius:5px;border-top-left-radius:20px;-webkit-transform:translateX(37px) translateY(-3px) rotate(45deg);transform:translateX(37px) translateY(-3px) rotate(45deg);-webkit-transform-origin:10%;transform-origin:10%}.about-container .btn-container .down-btn .btn-text{left:6px;overflow:hidden;position:absolute;top:40px}.about-container .btn-container .down-btn .port-text{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.about-container .btn-container .down-btn .port-text,.about-container .btn-container .down-btn:hover .port-text{color:#b9b9b9;display:inline-block;font-family:Heebo,sans-serif;font-size:25px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;z-index:10}.about-container .btn-container .down-btn:hover .port-text{-webkit-transform:translateY(0);transform:translateY(0)}.about-container .btn-container .down-btn:hover .btn-bottomline{-webkit-transform:translateX(37px) translateY(-3px) rotate(30deg);transform:translateX(37px) translateY(-3px) rotate(30deg);-webkit-transform-origin:10%;transform-origin:10%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.about-container .btn-container .down-btn:hover .btn-topline{-webkit-transform:rotate(-25deg);transform:rotate(-25deg);-webkit-transform-origin:92%;transform-origin:92%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.about-container .btn-container.slide{-webkit-transform:translateY(0) translateZ(8rem);transform:translateY(0) translateZ(8rem);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}
/*# sourceMappingURL=main.25b62a37.css.map*/