.intro{align-items:center;display:flex;flex-direction:column-reverse;padding-top:10px}@media(max-width:534px){.intro{align-items:center;flex-direction:column}}.intro .left{display:flex;flex:.5 1;left:50%;position:absolute;top:30%;transform:translate(-50%,-50%)}@media(max-width:534px){.intro .left{flex:.5 1}}.intro .left .dog,.intro .left .dog2{animation:hueChangeMainImage 4s linear infinite;animation-delay:5s;height:100%}.intro .left .dog2{filter:FlipH;-ms-filter:"FlipH";transform:scaleX(-1)}.intro .left .imgContainer{align-items:center;animation:colorCycleImageBackground 4.8s infinite,ease-out,borderColorAndWidthChange 4.8s infinite,ease-in-out,borderRadiusCycleWobble 1s infinite,ease-in;animation-delay:4.8s;display:flex;height:18rem;justify-content:center;overflow:hidden;width:18rem}.intro .left .imgContainer .shades{animation:shadesMoveIn 8s ease-out forwards,spin 4.8s linear 4.8s infinite;height:8rem;padding-right:2rem;position:absolute;width:11rem}@media(max-width:534px){.intro .left .imgContainer{align-items:flex-start;height:12rem;overflow:hidden;width:12rem}}.intro .left .imgContainer img{animation:hueChangeMainImage 4s linear infinite,rotateFaceImage 4.8s linear infinite;animation-delay:5s,4.8s;width:13rem}@media(max-width:534px){.intro .left .imgContainer img{width:9rem}}.intro .right{align-items:center;display:flex;flex:.5 1;justify-content:center;padding-top:0;position:relative}@media(max-width:534px){.intro .right{background-color:#0000;overflow:visible}}.intro .right .wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}@media(max-width:534px){.intro .right .wrapper{align-items:center;height:60%;overflow:visible;padding-left:0}}.intro .right .wrapper h1{color:#e5c07a;font-size:60px;margin:10px 0}@media(max-width:923px){.intro .right .wrapper h1{font-size:2.9rem}}@media(max-width:691px){.intro .right .wrapper h1{font-size:2.3rem}}@media(max-width:534px){.intro .right .wrapper h1{font-size:2rem;margin-bottom:.5rem;overflow:hidden}}.intro .right .wrapper h2{color:#97c379;font-size:35px}@media(max-width:534px){.intro .right .wrapper h2{font-size:1rem;overflow:hidden}}.intro .right .wrapper h3{color:#c778dd;font-size:30px;padding-bottom:.5rem}@media(max-width:923px){.intro .right .wrapper h3{font-size:1.4rem}}@media(max-width:691px){.intro .right .wrapper h3{font-size:1rem}}@media(max-width:534px){.intro .right .wrapper h3{font-size:1rem;overflow:hidden;padding-bottom:.5rem}}.intro .right .wrapper h3 span{color:#e16b74;padding-bottom:.5rem}.intro .right .wrapper h3 .ityped-cursor{animation:blink .65s infinite}@keyframes blink{50%{opacity:1}to{opacity:0}}.intro .right .wrapper .arrow-container-link{display:inline-block;height:5rem;overflow:visible;padding-top:2rem;width:10rem}@media(max-width:534px){.intro .right .wrapper .arrow-container-link{padding-top:0}}.intro .right .wrapper .arrow-container-link .arrow-container{cursor:pointer;display:flex;height:5rem;justify-content:center;width:10rem}@media(max-width:534px){.intro .right .wrapper .arrow-container-link .arrow-container{align-items:center;display:flex;justify-content:center;padding-top:2rem}}.intro .right .wrapper .arrow-container-link .arrow-container .arrow-1{animation:arrowBlink 1.2s infinite;background-color:#abb2bf;height:.25rem;margin-right:2.5rem;position:absolute;transform:rotate(40deg);transform-origin:left;transition:all .4s ease;width:5rem}.intro .right .wrapper .arrow-container-link .arrow-container .arrow-1.active{background-color:#e16b74}.intro .right .wrapper .arrow-container-link .arrow-container .arrow-2{animation:arrowBlink 1.2s infinite;background-color:#abb2bf;height:.25rem;margin-left:2.5rem;position:absolute;transform:rotate(-40deg);transform-origin:right;transition:all .4s ease;width:5rem}.intro .right .wrapper .arrow-container-link .arrow-container .arrow-2.active{background-color:#e16b74}@keyframes arrowBlink{to{opacity:0}}@keyframes shadesMoveIn{0%{transform:translateX(-700%)}to{transform:translateX(180%)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes resizeFaceImage{0%{width:13rem}25%{width:12rem}50%{width:9rem}75%{width:12rem}to{width:13rem}}@keyframes rotateFaceImage{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@keyframes colorCycleImageBackground{0%{background-color:#97c379}25%{background-color:#61aeef}50%{background-color:#c778dd}75%{background-color:#e16b74}to{background-color:#e5c07a}}@keyframes borderColorAndWidthChange{0%{border:10px solid #c778dd}25%{border:20px solid #e16b74}50%{border:30px solid #e5c07a}75%{border:20px solid #e5c07a}to{border:10px solid #61aeef}}@keyframes borderRadiusCycleWobble{0%{border-radius:50%}50%{border-radius:30%}to{border-radius:50%}}@keyframes hueChangeMainImage{0%{filter:sepia(1) hue-rotate(0deg)}25%{filter:sepia(1) hue-rotate(90deg)}50%{filter:sepia(1) hue-rotate(180deg)}75%{filter:sepia(1) hue-rotate(270deg)}to{filter:sepia(100) hue-rotate(1turn)}}.topContainer{align-items:right;display:flex;justify-content:space-evenly;margin-top:2rem;overflow:hidden}@media(max-width:534px){.topContainer{overflow:visible}}.topContainer .portfolio-list{-webkit-padding-start:0;display:flex;flex-direction:row;margin:0;overflow:visible;padding-inline-start:0}@media(max-width:534px){.topContainer .portfolio-list{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0;align-items:center;display:flex;flex-direction:column;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;overflow:visible;padding-bottom:1rem;padding-top:1rem;padding-inline-start:0}}.topContainer .portfolio-list .portfolio-list-item{background:#0000;color:#abb2bf;cursor:pointer;font-size:3rem;list-style:none;margin:10px;padding:.5rem;transition:all .4s ease;z-index:1}@media(max-width:923px){.topContainer .portfolio-list .portfolio-list-item{font-size:1.5rem}}@media(max-width:691px){.topContainer .portfolio-list .portfolio-list-item{font-size:1rem}}@media(max-width:534px){.topContainer .portfolio-list .portfolio-list-item{font-size:1rem;overflow:visible;padding:0}}.topContainer .portfolio-list .portfolio-list-item.active{transform:translateY(-15px)}@media(max-width:534px){.topContainer .portfolio-list .portfolio-list-item.active{scale:1.4;transform:translateY(0)}}.topContainer .portfolio-list .portfolio-list-item.active:first-child,.topContainer .portfolio-list .portfolio-list-item.active:first-child:hover{color:#e16b74}.topContainer .portfolio-list .portfolio-list-item.active:nth-child(2),.topContainer .portfolio-list .portfolio-list-item.active:nth-child(2):hover{color:#e5c07a}.topContainer .portfolio-list .portfolio-list-item.active:nth-child(3),.topContainer .portfolio-list .portfolio-list-item.active:nth-child(3):hover{color:#61aeef}.topContainer .portfolio-list .portfolio-list-item.active:nth-child(4),.topContainer .portfolio-list .portfolio-list-item.active:nth-child(4):hover{color:#c778dd}.topContainer .portfolio-list .portfolio-list-item:hover:not(.active):first-child,.topContainer .portfolio-list .portfolio-list-item:hover:not(.active):nth-child(2),.topContainer .portfolio-list .portfolio-list-item:hover:not(.active):nth-child(3),.topContainer .portfolio-list .portfolio-list-item:hover:not(.active):nth-child(4){color:#abb2bf}.portfolio{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}@media(max-width:534px){.portfolio{align-items:center;flex-direction:column;justify-content:space-evenly}}.portfolio .container{align-items:center;display:flex;height:auto;justify-content:center;width:80rem}@media(max-width:534px){.portfolio .container{flex-direction:column;height:auto;width:40rem}}.portfolio .container .item{background-color:#282c34;border-radius:8px;box-shadow:0 2px 1px -1px #0003,0 1px 1px 0 #00000024,0 1px 3px 0 #0000001f;display:flex;flex-direction:column;height:auto;margin-top:2rem;width:auto}@media(max-width:534px){.portfolio .container .item{flex-direction:column;width:15rem}}.portfolio .container .item .appmedia .appimage{height:30rem;object-fit:fill;width:50rem}@media(max-width:534px){.portfolio .container .item .appmedia .appimage{height:10rem;width:12em}}.portfolio .container .item .appmedia .applink{align-items:center;display:flex;justify-content:center}.portfolio .container .item .paragraph-box{color:#abb2bf;margin:1rem;text-align:center}@media(max-width:534px){.portfolio .container .item .paragraph-box{align-items:center;background-color:#282c34;display:flex;height:7rem;justify-content:center;margin:.5rem;overflow:hidden;text-align:center;width:auto}}.portfolio .container .item .paragraph-box .paragraph-text{font-size:1.2rem}@media(max-width:923px){.portfolio .container .item{width:60%}}@media(max-width:534px){.portfolio .container .item{height:100%;width:30%}}.app{background-image:url(/static/media/background.4ce08618a2ef3480a949.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh}.app .sections{height:100vh;position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;width:100%}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{height:100vh;scroll-snap-align:start;width:100vw}
/*# sourceMappingURL=main.405ab4d3.css.map*/