#pyramid{position:absolute;left:10vw;top:5vh;-webkit-transform-style:preserve-3d;-webkit-animation:spin 10s linear infinite;-webkit-transform-origin:116px 200px 116px;-moz-transform-style:preserve-3d;-moz-animation:spin 10s linear infinite;-moz-transform-origin:116px 200px 116px;-ms-transform-style:preserve-3d;-ms-animation:spin 10s linear infinite;-ms-transform-origin:116px 200px 116px;transform-style:preserve-3d;animation:spin 10s linear infinite;transform-origin:116px 200px 116px;overflow:visible}@-webkit-keyframes spin{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{-webkit-transform:rotateX(1turn) rotateY(1turn) rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{-webkit-transform:rotateX(1turn) rotateY(1turn) rotate(1turn);transform:rotateX(1turn) rotateY(1turn) rotate(1turn)}}#pyramid>div{border-style:solid;border-width:200px 0 200px 346px;-webkit-transform-origin:0 0;transform-origin:0 0}#pyramid>div,#pyramid>div:after{position:absolute;overflow:visible}#pyramid>div:after{color:#fff;left:-311px;top:-69px;text-align:center;opacity:.6}#pyramid>div:first-child:after{position:absolute;content:url(https://res.cloudinary.com/lawfirm1000/image/upload/v1594881664/Portfolio%20site/html_tq6wrp.png)}#pyramid>div:nth-child(2):after{position:absolute;content:url(https://res.cloudinary.com/lawfirm1000/image/upload/v1594881663/Portfolio%20site/css_nxgpp5.png)}#pyramid>div:nth-child(3):after{position:absolute;content:url(https://res.cloudinary.com/lawfirm1000/image/upload/v1594881664/Portfolio%20site/javascript_u21aa1.png)}#pyramid>div:nth-child(4):after{position:absolute;width:150px;content:url(https://res.cloudinary.com/lawfirm1000/image/upload/v1594881664/Portfolio%20site/react-1_fhlddp.png);left:-315px;top:-91px}#pyramid>div:first-child{-webkit-transform:rotateY(-19.5deg) rotateX(180deg) translateY(-400px);transform:rotateY(-19.5deg) rotateX(180deg) translateY(-400px)}#pyramid>div:first-child,#pyramid>div:nth-child(2){border-color:transparent transparent transparent rgba(50,50,50,.6)}#pyramid>div:nth-child(2){-webkit-transform:rotateY(90deg) rotate(60deg) rotateX(180deg) translateY(-400px);transform:rotateY(90deg) rotate(60deg) rotateX(180deg) translateY(-400px)}#pyramid>div:nth-child(3){border-color:transparent transparent transparent rgba(50,50,50,.9);-webkit-transform:rotateX(60deg) rotateY(19.5deg);transform:rotateX(60deg) rotateY(19.5deg)}#pyramid>div:nth-child(4){border-color:transparent transparent transparent rgba(50,50,50,.8);-webkit-transform:rotateX(-60deg) rotateY(19.5deg) translateX(-116px) translateY(-200px) translateZ(326px);transform:rotateX(-60deg) rotateY(19.5deg) translateX(-116px) translateY(-200px) translateZ(326px)}@media (max-width:767px){#pyramid{height:70vh;left:25vw;position:relative}.pyramid-div{position:static;overflow:hidden}}.about,.pyramid-div{overflow:hidden}.about{position:relative;margin-top:15vh;z-index:1}.about h2>span{color:#ff652f}.bio{overflow:hidden}.bio h2{color:#ff652f}.aboutPic{height:150px;width:150px;position:relative;border-radius:70px;background:url(https://res.cloudinary.com/lawfirm1000/image/upload/v1596798705/SCM%20UI%20Project/lawfirm_qnyf7h.png) top/cover no-repeat;border:2px solid #ff652f}#parent{overflow:hidden}.about-social{display:flex;flex-direction:column;transition:all 1s;position:absolute;width:-webkit-min-content;width:-moz-min-content;width:min-content;top:10vh;right:2rem;z-index:100}.about-social i{color:#fff;padding:5px}.about-social i:hover{color:#ff652f;-webkit-animation:rubberBand 1s;animation:rubberBand 1s;transition:all 1s}@media (min-width:600px){.about-social{left:85vw}}.skills-text{position:relative;margin-top:20vh;overflow:hidden;z-index:1}h1 span{color:#ff652f}.site{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1}.site-cont,main{position:relative;overflow:hidden}.site-cont{margin-top:-4rem}.hexagon{position:static;border-top:2px solid #fff;border-bottom:2px solid #ff652f;height:80px;width:50px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hexagon:after,.hexagon:before{content:"";position:absolute;background-color:inherit;border-top:2px solid #ff652f;border-bottom:2px solid #fff}.hexagon:before{height:82px;width:50px;top:-2px;-webkit-transform:rotate(-62deg);transform:rotate(-62deg)}.hexagon:after{height:86px;width:45px;top:-4px;-webkit-transform:rotate(58deg);transform:rotate(58deg)}.hexagon i{font-size:40px}.site-div{position:relative;width:100%}.site-text{display:flex;flex-direction:column;justify-content:center;align-items:center}.site-text p{margin-left:25px}@media (max-width:400px){.site-div{width:100%}}.section1{margin-bottom:80px}.project{position:relative;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-bottom:50px;z-index:1;overflow:hidden}.project h1{padding:20px;margin:30px}.project h1 span{padding-bottom:15px;border-bottom:2px solid #fff}.project-item{flex-direction:column}.project-item,.project-item .project-img{display:flex;justify-content:center;align-items:center}.project-item .project-img{width:300px;height:160px}.project-img:hover:before{-webkit-transform:translateY(0);transform:translateY(0);opacity:.6;transition:all 1s}.project-item .project-img:hover .project-links{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;transition:all 1s}.project-img img{width:100%}.project-img:before{content:"";width:inherit;height:inherit;background:#ff652f;position:absolute;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0;transition:all 1s}.project-item .project-links{position:absolute;display:flex;justify-content:space-evenly;align-items:center;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;transition:all 1s}.project-links a{color:#fff;background:#ff652f;padding:5px 10px;margin:0 20px;border-radius:10px}.project-links a:hover{text-decoration:none}.project-item button{color:#fff;border:none;background:#ff652f;padding:5px;border-radius:10px;margin:5px}.project-item h3{margin-top:20px;text-align:left}.project-item .tech{margin-bottom:40px}button:focus{outline:none}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(.75);transform:scaleX(1.25) scaleY(.75)}40%{-webkit-transform:scaleX(.75) scaleY(1.25);transform:scaleX(.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(.85);transform:scaleX(1.15) scaleY(.85)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(.75);transform:scaleX(1.25) scaleY(.75)}40%{-webkit-transform:scaleX(.75) scaleY(1.25);transform:scaleX(.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(.85);transform:scaleX(1.15) scaleY(.85)}to{-webkit-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}10%,30%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}50%{-webkit-transform:translateY(300px);transform:translateY(300px);opacity:1}60%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}70%,90%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes slideInUp{0%{opacity:1;-webkit-transform:translateY(500px);transform:translateY(500px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:1;-webkit-transform:translateY(500px);transform:translateY(500px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}html.animatedOut{-webkit-animation:slideInUp 1s;animation:slideInUp 1s}*{margin:0;padding:0;outline:none;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}body{background-color:#0a0101;color:#fff;overflow-y:hidden}h1,h2,h3,h4,p{overflow-y:hidden!important}.header-logo{position:absolute}.header-logo img{height:50px;margin-top:30px}.menu-btn{position:absolute;right:2rem;top:2rem;height:20px;width:28px;cursor:pointer;z-index:1;transition:all 1s ease;overflow:hidden}.menu-btn-burger{overflow:hidden;right:0;top:.5rem}.menu-btn-burger,.menu-btn:before{position:absolute;width:28px;height:3px;background:#fff;transition:all 1s ease}.menu-btn:before{content:"";top:0}.menu-btn:after{content:"";position:absolute;top:1rem;width:20px;height:3px;background:#fff;transition:all 1s ease}.menu-btn.open{-webkit-transform:rotate(2turn);transform:rotate(2turn);background:transparent;z-index:99999}.menu-btn.open:before{-webkit-transform:rotate(45deg) translate(5px,8px);transform:rotate(45deg) translate(5px,8px)}.menu-btn.open:after{width:28px;-webkit-transform:rotate(-45deg) translate(3px,-7px);transform:rotate(-45deg) translate(3px,-7px)}.menu-btn-burger.open{display:none}.navbar{position:absolute;top:2rem;width:90vw;opacity:.8;visibility:hidden;display:flex;justify-content:center;z-index:99}.navbar .myPic{height:130px;width:130px;top:-5px;position:relative;left:-13vw;border-radius:50px;padding-right:30px;background:url(https://res.cloudinary.com/lawfirm1000/image/upload/v1596798705/SCM%20UI%20Project/lawfirm_qnyf7h.png) top/cover no-repeat;border:2px solid #ff652f;-webkit-transform:translateY(-120%);transform:translateY(-120%);transition:all 2s ease}.navbar.open{visibility:visible;opacity:1}.navbar.open .myPic{-webkit-transform:translateY(0);transform:translateY(0);z-index:99}.navbar ul{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;overflow:hidden;background:#0a0101;padding-right:1rem;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:all 1s ease}.navbar ul.open{-webkit-transform:translateY(0);transform:translateY(0)}.navbar li{list-style:none}.navbar li a{font-size:20px;text-decoration:none;color:#fff}.navbar li a.active{color:#ff652f}.navbar li a.active:before{content:"<";color:#ff652f}.navbar li a.active:after{content:" />";color:#ff652f}.navbar li a:hover{color:#ff652f;transition:all 1s}.navbar li a:hover:before{content:"<";color:#ff652f}.navbar li a:hover:after{content:" />";color:#ff652f}@media (min-width:600px){.menu-btn{left:85vw}.navbar .myPic{left:-20vw}}.section-bg{background:linear-gradient(90deg,rgba(0,0,102,.24),rgba(255,0,0,.397)),url(https://res.cloudinary.com/lawfirm1000/image/upload/v1595514497/Portfolio%20site/background_bxzae9.jpg) 50%/cover no-repeat;opacity:.1;position:fixed;height:100vh;width:100vw;top:0}.home{position:relative;overflow:hidden;margin-top:30vh;cursor:default}.home .line1 h1,.home .line3 h1{font-size:1.5rem;overflow:hidden;z-index:1}.home .line2 h1{font-size:4rem;overflow:hidden;margin-top:.5rem;border-bottom:2px solid #fff;z-index:1}.home .lastName{color:#ff652f}.home-text{display:flex;overflow:hidden;justify-content:flex-start}.home-text h1:hover{display:flex;-webkit-animation:rubberBand 1s;animation:rubberBand 1s;overflow:hidden}#particles-js{position:fixed;height:100vh;top:0;width:100vw}.home-social{position:relative;transition:all 1s;margin-top:20vh;z-index:1;overflow:hidden}.home-social i{color:#fff;overflow:hidden;padding:5px}.home-social i:hover{color:#ff652f;-webkit-animation:rubberBand 1s;animation:rubberBand 1s;transition:all 1s}.get-started{display:flex;margin-left:50px;margin-top:40px;z-index:1}.get-started a{color:#fff;border:1px solid #ff652f;padding:10px;border-radius:20px;z-index:1}.get-started a:hover{background:#ff652f;text-decoration:none}footer{position:relative;margin-top:-1rem;overflow:hidden;margin-left:60vw}@media (max-width:768px){.home-social{margin-top:25vh}footer{margin-top:-2rem;margin-left:50vw}}.contact-text{position:relative;margin-top:25vh;width:100%;z-index:1}.contact-text h1 span{color:#ff652f;overflow:hidden}.contact-text a{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:15px;padding-top:15px;margin-bottom:10px;overflow:hidden;border:1px solid #fff;border-radius:20px;background:linear-gradient(90deg,rgba(255,101,47,.1),rgba(255,101,47,.5))}.contact-text a:hover{padding-top:10px;padding-bottom:10px;margin-bottom:7px;margin-top:5px;text-decoration:none;transition:all .4s;background:linear-gradient(90deg,rgba(255,101,47,.3),rgba(255,101,47,.7))}.contact-text a i~span{color:#fff;font-size:14px}.contact-text a span{color:#ff652f}@media (max-width:760px){.contact-text{margin-top:20vh}}.about-text h2{-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.about-text h2:hover .char{-webkit-animation:plop 2s ease-out infinite both;animation:plop 2s ease-out infinite both;-webkit-animation-delay:calc(0.05s*var(--char-index));animation-delay:calc(0.05s*var(--char-index))}@-webkit-keyframes plop{0%{opacity:0;-webkit-transform:translate3d(0,10px,400px) rotate(180deg);transform:translate3d(0,10px,400px) rotate(180deg);-webkit-animation-timing-function:cubic-bezier(.5,0,.8,.25);animation-timing-function:cubic-bezier(.5,0,.8,.25)}20%{-webkit-transform:translate3d(0,-20px,200px) rotate(90deg);transform:translate3d(0,-20px,200px) rotate(90deg);-webkit-animation-timing-function:cubic-bezier(0,.5,.5,1.1);animation-timing-function:cubic-bezier(0,.5,.5,1.1)}40%,70%{opacity:1;-webkit-transform:translateZ(0) rotate(0deg);transform:translateZ(0) rotate(0deg)}90%,to{opacity:0;-webkit-transform:translate3d(0,10px,-200px) rotate(-90deg);transform:translate3d(0,10px,-200px) rotate(-90deg);-webkit-animation-timing-function:cubic-bezier(.5,0,.8,.25);animation-timing-function:cubic-bezier(.5,0,.8,.25)}}@keyframes plop{0%{opacity:0;-webkit-transform:translate3d(0,10px,400px) rotate(180deg);transform:translate3d(0,10px,400px) rotate(180deg);-webkit-animation-timing-function:cubic-bezier(.5,0,.8,.25);animation-timing-function:cubic-bezier(.5,0,.8,.25)}20%{-webkit-transform:translate3d(0,-20px,200px) rotate(90deg);transform:translate3d(0,-20px,200px) rotate(90deg);-webkit-animation-timing-function:cubic-bezier(0,.5,.5,1.1);animation-timing-function:cubic-bezier(0,.5,.5,1.1)}40%,70%{opacity:1;-webkit-transform:translateZ(0) rotate(0deg);transform:translateZ(0) rotate(0deg)}90%,to{opacity:0;-webkit-transform:translate3d(0,10px,-200px) rotate(-90deg);transform:translate3d(0,10px,-200px) rotate(-90deg);-webkit-animation-timing-function:cubic-bezier(.5,0,.8,.25);animation-timing-function:cubic-bezier(.5,0,.8,.25)}}
/*# sourceMappingURL=main.36943d97.chunk.css.map */