.btn:link,.btn:visited{text-transform:uppercase;text-decoration:none;padding:1.5rem 4rem;display:inline-block;border-radius:18rem;transition:all .2s;position:relative;font-size:1.6rem;font-weight:600;box-shadow:0 .5rem 1rem #0003;background-color:#ffffffe6}.btn:hover{transform:translateY(-3px);box-shadow:0 1rem 2rem #0003}.btn:hover:after{transform:scale(1.5);opacity:0}.btn:active{transform:translateY(3px);box-shadow:0 .5rem 1rem #0003}.btn--white{background-color:#fff;color:#777}.btn--white:after{background-color:#fff}.btn:after{content:"";display:inline-block;height:100%;width:100%;border-radius:10rem;position:absolute;top:0;left:0;z-index:-1;transition:all .4s}.btn-text:link,.btn-text:visited{color:#fb8b24;display:inline-block;text-decoration:none;border-bottom:1px solid #FB8B24;padding:3px 6px;font-size:1.6rem;font-weight:600;background-image:linear-gradient(120deg,transparent 0%,transparent 50%,#FB8B24 50%);background-size:220%;transition:all .5s;border-radius:2px;position:relative;z-index:3}.btn-text:hover{background-position:100%;box-shadow:0 1rem 2rem #0003;color:#fff;border-bottom:1px solid #FFF}.btn-text:active{transform:translateY(3px);box-shadow:0 .5rem 1rem #0003}.btn-black:link,.btn-black:visited{display:inline-block;text-decoration:none;border-bottom:1px solid #000;padding:3px 6px;font-size:1.6rem;font-weight:600;background-image:linear-gradient(120deg,transparent 0%,transparent 50%,#FB8B24 50%);background-size:240%;transition:all .5s;border-radius:2px;color:#666}.btn-black:hover{background-position:100%;border-bottom:1px solid #FEFAE0;color:#fefae0;box-shadow:0 1rem 2rem #0003}.btn-black:active{transform:translateY(3px);box-shadow:0 .5rem 1rem #0003}@media (max-width: 800px){.btn:link,.btn:visited{padding:1rem 2rem}}.heading-secondary{font-size:3.5rem;text-transform:uppercase;font-weight:700;display:inline-block;background-image:linear-gradient(to right,#FB8B24,#28b485);-webkit-background-clip:text;background-clip:text;color:transparent;transform:all .2s;letter-spacing:2px}.heading-secondary:hover{transform:skewY(2deg) skew(2deg);text-shadow:0 1rem 2rem rgba(0,0,0,.2)}.heading-tertiary{font-size:2rem;font-weight:700;text-transform:uppercase;z-index:3;position:relative}.paragraph{position:relative;font-size:1.8rem;font-weight:600;z-index:3}.paragraph:not(:last-child){margin-bottom:3rem}@media (max-width: 300px){.paragraph{font-size:1.6rem}}.row{max-width:114rem;margin:0 auto}.row:not(:last-child){margin-bottom:8rem}.row:after{content:"";display:table;clear:both}.row [class^=col-]{float:left}.row [class^=col-]:not(:last-child){margin-right:6rem}.row .col-1-of-2{width:calc((100% - 6rem)/2)}.row .col-1-of-3{width:calc((100% - 2 * 6rem) / 3)}.row .col-2-of-3{width:calc(2 * (100% - 2 * 6rem) / 3 + 6rem)}.row .col-1-of-4{width:calc((100% - 18rem)/4)}.row .col-2-of-4{width:calc(.5*(100% - 18rem) + 6rem)}.row .col-3-of-4{width:calc(.75*(100% - 18rem) + 12rem)}@media (max-width: 1400px){.row .col-1-of-2{width:90%;margin-left:1rem}}.flex{display:flex}.is-visible{opacity:1;animation-name:moveInLeft;animation-duration:.5s;animation-timing-function:ease-in}.not-visible{opacity:0}.left-visible{opacity:1;animation-name:moveInLeft;animation-duration:.5s;animation-timing-function:ease-in}.right-visible{opacity:1;animation-name:moveInRight;animation-duration:.5s;animation-timing-function:ease-in}.project{min-height:800px;height:100vh;width:100%;clip-path:polygon(0 10%,100% 0,100% 90%,0 100%);display:flex;justify-content:center;flex-direction:column;align-items:center;transition:1s ease-in}.project h1{text-transform:uppercase;transition:1s ease-in;font-size:3rem;color:#fff;display:inline-block;z-index:3}.project h1:hover{transform:skewY(2deg) skew(2deg);transition:.2s}.project-display{width:60%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:4rem}.project-display-card{background-color:#fffc;box-shadow:0 1rem 2rem #0003;color:#666;padding:2rem;position:relative;border-radius:2px;z-index:3}.project-display-card h3{font-size:2rem;text-align:left;z-index:3}.project-display-card p{font-size:1.3rem;font-weight:600;text-align:left;z-index:3}.project-display-card a:last-child,.project-display-card a:visited:last-child,.project-display-card a:link:last-child{float:left;position:absolute;bottom:5%;left:5%}.project .image-item{max-width:100%;margin:0;height:170px;box-shadow:0 .5rem 1rem #0003}.project .image-item:hover{box-shadow:0 1rem 2rem #0003;transform:scale(1.05);transition:.2s ease-in}.project .image-item:active{transform:translateY(2px);transition:.2s}.arrow-container{display:flex;justify-content:space-around;width:100%;gap:0}.arrow-btn-cont{display:none;cursor:pointer;width:max-content;padding:0;z-index:3}.arrow-btn-cont:hover,.arrow-btn-cont:active{background-color:#9bff9b1a}.arrow-btn-cont:hover button,.arrow-btn-cont:active button{border:1px solid rgba(155,255,155,.3);background-color:#9bff9b4d}.arrow-btn{cursor:pointer;font-size:28px;width:42px;height:42px;margin-left:auto;margin-right:auto;padding:0;background-color:#0000;border-radius:50%;border:none}@media (max-width: 1700px){.arrow-btn-cont{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:1rem}.project-display{display:flex;justify-content:start;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:1rem;width:2250px;gap:0}.project-display-card:not(:last-child){margin-right:3rem}.project-display::-webkit-scrollbar{width:10px;height:10px}.project-display::-webkit-scrollbar-thumb{background:#D4E09B;border-radius:10px}.project-display::-webkit-scrollbar-track{background:transparent}.project .image-item{max-width:400px}}@media (max-width: 1023px){.project{background-attachment:local}}@media (max-width: 800px){.project-display{width:90%}.project .image-item{width:250px}.arrow-btn-cont{display:none}}@media (max-width: 350px){.project-display-card:not(:last-child){margin-right:2rem}.project h1{font-size:2rem}.project .image-item{width:235px}}#particle-container{height:75vh;position:absolute;width:100%;margin-left:auto;margin-right:auto;overflow:hidden}#particle-container img{background-color:transparent;width:4rem;height:4rem;position:relative;z-index:1}#particle-container img:nth-child(1){animation:particle-animation 30s ease-in infinite;overflow-x:hidden;animation-delay:-3s}#particle-container img:nth-child(2){animation:particle-animation 13s ease-in infinite;overflow-x:hidden;animation-delay:-4s}#particle-container img:nth-child(3){animation:particle-animation 32s ease-in infinite;overflow-x:hidden;animation-delay:-3s}#particle-container img:nth-child(4){animation:particle-animation 29s ease-in infinite;overflow-x:hidden;animation-delay:-5s}#particle-container img:nth-child(5){animation:particle-animation 17s ease-in infinite;overflow-x:hidden;animation-delay:-5s}#particle-container img:nth-child(6){animation:particle-animation 25s ease-in infinite;overflow-x:hidden;animation-delay:-1s}#particle-container img:nth-child(7){animation:particle-animation 35s ease-in infinite;overflow-x:hidden;animation-delay:-1s}#particle-container img:nth-child(8){animation:particle-animation 13s ease-in infinite;overflow-x:hidden;animation-delay:-4s}#particle-container img:nth-child(9){animation:particle-animation 33s ease-in infinite;overflow-x:hidden;animation-delay:-2s}#particle-container img:nth-child(10){animation:particle-animation 32s ease-in infinite;overflow-x:hidden;animation-delay:-1s}#particle-container img:nth-child(11){animation:particle-animation 32s ease-in infinite;overflow-x:hidden;animation-delay:-4s}#particle-container img:nth-child(12){animation:particle-animation 27s ease-in infinite;overflow-x:hidden;animation-delay:-1s}#particle-container img:nth-child(13){animation:particle-animation 30s ease-in infinite;overflow-x:hidden;animation-delay:-1s}#particle-container img:nth-child(14){animation:particle-animation 24s ease-in infinite;overflow-x:hidden;animation-delay:-3s}#particle-container img:nth-child(15){animation:particle-animation 21s ease-in infinite;overflow-x:hidden;animation-delay:-1s}#particle-container img:nth-child(16){animation:particle-animation 33s ease-in infinite;overflow-x:hidden;animation-delay:-2s}#particle-container img:nth-child(17){animation:particle-animation 33s ease-in infinite;overflow-x:hidden;animation-delay:-1s}#particle-container img:nth-child(18){animation:particle-animation 31s ease-in infinite;overflow-x:hidden;animation-delay:-4s}@media (max-width: 800px){#particle-container img{width:3rem;height:2.5rem}}@keyframes particle-animation{0%{transform:translateY(0) rotate(0);opacity:0/9;border-radius:0}25%{transform:translateY(25vh) translate(5vw) rotate(36deg)}50%{transform:translateY(50vh) translate(39vw) rotate(196deg)}75%{transform:translateY(75vh) translate(52vw) rotate(62deg);opacity:0}to{transform:translateY(100vh) translate(71vw) rotate(544deg);opacity:0;border-radius:50%}}.contact-container{display:flex;justify-content:center;flex-direction:column;align-items:center;min-height:80vh;width:100%;clip-path:polygon(0 0%,100% 0,100% 100%,0 100%)}.contact-container p{font-size:1.8rem;font-weight:500;z-index:3}.contact-container .icons{display:flex;z-index:3}.contact-container .icons a,.contact-container .icons a:link,.contact-container .icons a:visited{width:6rem;height:6rem;box-shadow:0 .5rem 1rem #0003;background-color:#fff;border-radius:2px;opacity:.9;display:flex;justify-content:center;flex-direction:column;align-items:center}.contact-container .icons a:first-child,.contact-container .icons a:link:first-child,.contact-container .icons a:visited:first-child{margin-right:1rem}.contact-container .icons a:last-child,.contact-container .icons a:link:last-child,.contact-container .icons a:visited:last-child{margin-left:1rem}.contact-container .icons a:hover,.contact-container .icons a:link:hover,.contact-container .icons a:visited:hover{box-shadow:0 1rem 2rem #0003}.contact-container .icons a:active,.contact-container .icons a:link:active,.contact-container .icons a:visited:active{box-shadow:0 .5rem 1rem #0003;transform:translateY(2px)}.contact-container .icons a img,.contact-container .icons a:link img,.contact-container .icons a:visited img{width:5rem}.my-image{z-index:3;margin:2rem;width:15rem;border-radius:50%}@keyframes gradient{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.about-container{display:flex;justify-content:center;flex-direction:column;align-items:center;min-height:80vh;width:100%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:1s ease-in}.about-container h2{margin-bottom:6rem;z-index:3}.about-container .main-content{text-align:center;width:90%}.grid{width:fit-content;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;row-gap:2rem;z-index:3}@media (max-width: 1400px){.about-container{padding-left:2rem}.paragraph{margin-top:3rem}}@media (max-width: 800px){.about-container{min-height:100vh;padding-left:1rem}.about-container h2{margin-bottom:2rem}.grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 350px){.about-container{padding-left:8px;max-width:90%}.grid{grid-template-columns:1fr 1fr}}.nav-container{position:fixed;top:2rem;right:2rem;z-index:3;background-color:#ffffffe6;width:6rem;height:6rem;border-radius:50%;box-shadow:0 .5rem 1rem #0003;transition:all .5s;cursor:pointer;background-image:linear-gradient(120deg,transparent 50%,transparent 50%,#7ed56f 50%);background-size:220%}.nav-container:hover,.nav-container:active{background-position:100%;box-shadow:0 1rem 2rem #0003}.nav-container .hamburger-menu{display:flex;justify-content:center;flex-direction:column;align-items:center;width:6rem;height:6rem}.nav-container .hamburger-menu hr{width:3rem;margin-top:3px;margin-bottom:3px;background-color:#666;border-color:#666;height:3px;transition:.5s ease-in}.default-line{display:inline-block;transform:translateY(0) translate(0) rotate(0);opacity:1}.line1{display:inline-block;transform:translateY(9px) rotate(-45deg)}.line2{opacity:0}.line3{display:inline-block;transform:translateY(-9px) rotate(45deg)}.u-center-text{text-align:center}.u-margin-bottom-small{margin-bottom:1.5rem}.u-margin-bottom-medium{margin-bottom:4rem}.u-margin-bottom-large{margin-bottom:6rem}.u-margin-bottom-xlarge{margin-bottom:8rem}.u-margin-top-medium{margin-top:4rem}.u-light-green{color:#7ed56f;background-color:#7ed56f}.u-display-block{display:block}.remove-overflow{overflow:hidden}.add-overflow{overflow:auto}.nav-menu{position:fixed;background-image:linear-gradient(to right bottom,#fb8b24,#28b485);z-index:2;display:flex;justify-content:center;flex-direction:column;align-items:center}.toggle-display-off{width:6rem;height:6rem;border-radius:50%;animation:hideWindow .5s ease-out;top:2rem;right:2rem}.menu-init-state{width:6rem;height:6rem;border-radius:50%;top:2rem;right:2rem}.toggle-display-on{width:100vw;height:100vh;animation:expandWindow .5s ease-in;top:0;right:0;border-radius:0}.menu-display-none{display:none;opacity:0}.menu-display-block{display:flex;justify-content:center;flex-direction:column;align-items:center;animation:holdAppear 1s}#nav-button-group h1{text-transform:uppercase;animation-name:moveInLeft;animation-duration:1s;animation-timing-function:ease-in;font-size:4rem;color:#fefae0;transition:.2s}#nav-button-group h1:hover{transform:skewY(2deg) skew(2deg);transition:.2s}#nav-button-group div{margin-top:1rem;margin-bottom:1rem}#nav-button-group div .btn-nav-link:link,#nav-button-group div .btn-nav-link:visited{text-decoration:none;margin-top:1rem;margin-bottom:1rem;font-size:2rem;cursor:pointer;padding:1rem 2rem;color:#fefae0;background-image:linear-gradient(120deg,transparent 0%,transparent 50%,#FEFAE0 50%);background-size:220%;transition:all .5s;text-transform:uppercase}#nav-button-group div .btn-nav-link:hover{color:#777;background-position:100%;transform:translate(-3rem)}@keyframes holdAppear{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes expandWindow{0%{width:6rem;height:6rem;top:2rem;right:2rem;border-radius:50%}to{width:100rem;height:100rem;top:2rem;right:2rem;border-radius:50%}}@keyframes hideWindow{0%{width:100rem;height:100rem;top:2rem;right:2rem;border-radius:50%;display:flex}to{width:6rem;height:6rem;top:2rem;right:2rem;border-radius:50%;display:flex}}.footer{height:10vh;background-image:linear-gradient(to right bottom,#fb8b24,#28b485);clip-path:polygon(0 100%,100% 0,100% 100%,0 100%)}@keyframes moveInLeft{0%{opacity:0;transform:translate(-5%)}to{opacity:1;transform:translate(0)}}@keyframes moveUp{0%{opacity:0;transform:translateY(10%)}to{opacity:1;transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;transform:translate(5%)}to{opacity:1;transform:translate(0)}}@keyframes rotateX{0%{transform:rotateX("0")}to{transform:rotateX("45deg")}}.composition{width:10rem;height:5rem;position:relative;box-shadow:0 .5rem 1rem #0003;background-color:#fff;border-radius:2px;z-index:5;opacity:.9}.composition__photo{max-width:90%;max-height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:auto;border-radius:2px;z-index:3}.composition:not(:last-child){margin-right:1rem}.composition:hover{box-shadow:0 1rem 2rem #0003}.composition:active{box-shadow:0 1rem 2rem #0003;transform:translateY(2px)}.bg-img{z-index:-2;position:fixed;object-fit:cover;height:100%;width:100%;left:0;top:0}.bg-gradient{background-image:linear-gradient(to right bottom,rgba(251,139,36,.7),rgba(40,180,133,.7));clip-path:polygon(0 10%,100% 0,100% 90%,0 100%);z-index:-1;position:absolute;height:100vh;min-height:800px;width:100%}.header{background-position:top;background-attachment:fixed;position:relative;clip-path:polygon(0 10%,100% 0,100% 90%,0 100%);display:flex;justify-content:center;flex-direction:column;align-items:center;color:#fff;height:100vh;min-height:800px;width:100%}.header h1{text-transform:uppercase;font-size:6rem;animation:moveInRight 1s ease-out .75s;animation-fill-mode:backwards;z-index:3;line-height:normal}.header h1:hover{transform:skewY(2deg) skew(2deg);text-shadow:0 1rem 2rem rgba(0,0,0,.2)}.header h3{font-size:2.5rem;animation:moveInLeft 1s ease-out .75s;animation-fill-mode:backwards;margin-top:3rem;margin-bottom:3rem;z-index:3}.header h3:hover{transform:skewY(-2deg) skew(-2deg);text-shadow:0 1rem 2rem rgba(0,0,0,.2)}.header a{z-index:3;animation:moveUp 1s ease-out .75s;animation-fill-mode:backwards;background-color:#fefae0}@media (max-width: 1023px){.header{background-attachment:local}.header h1{font-size:4rem}.header h3{font-size:2.2rem;max-width:90%;margin-left:auto;margin-right:auto}}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}:root{font-family:sans-serif;font-weight:400;color:#777;line-height:1.7;font-size:62.5%;background-color:#fefae0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (max-width: 800px){:root{font-size:50%}}