@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*,:after,:before{border:none;box-sizing:border-box;font-family:Josefin Sans,sans-serif;list-style:none;list-style-type:none;margin:0;outline:none;padding:0;scroll-behavior:smooth;text-decoration:none}::selection{background-color:rgba(53,83,155,.8)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(53,83,155,.6);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#35539b}h2{-webkit-animation:title-fade-in 1s ease-in-out;animation:title-fade-in 1s ease-in-out;color:#232665;font-size:4.4em;margin-left:50px}@media(max-width:650px){h2{font-size:2.6em;margin-left:30px}}@-webkit-keyframes title-fade-in{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.title-underline{margin-bottom:110px;position:relative}@media(max-width:650px){.title-underline{margin-bottom:80px}}.title-underline:after{-webkit-animation:underline-fade-in 2s cubic-bezier(.075,.82,.165,1) 1s forwards;animation:underline-fade-in 2s cubic-bezier(.075,.82,.165,1) 1s forwards;background-color:#232665;border-radius:10px;content:"";display:block;height:4px;left:200px;opacity:0;position:absolute;top:10px;width:200px;z-index:-1}@media(max-width:650px){.title-underline:after{height:3px;left:100px}}@-webkit-keyframes underline-fade-in{0%{opacity:0;-webkit-transform:translateX(-30%);transform:translateX(-30%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes underline-fade-in{0%{opacity:0;-webkit-transform:translateX(-30%);transform:translateX(-30%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.header{display:flex;flex-direction:column;justify-content:center;padding:40px 0 0;text-align:center}.header__logo{-webkit-animation:title-fade-in .5s ease-in-out 1.5s forwards;animation:title-fade-in .5s ease-in-out 1.5s forwards;margin-bottom:20px;opacity:0}.header__logo img{-webkit-filter:invert(12%) sepia(89%) saturate(1288%) hue-rotate(220deg) brightness(102%) contrast(99%);filter:invert(12%) sepia(89%) saturate(1288%) hue-rotate(220deg) brightness(102%) contrast(99%);width:350px}@media(max-width:1150px){.header__logo img{width:300px}}@media(max-width:650px){.header__logo img{width:200px}}.header__separator{-webkit-animation:title-fade-in .5s ease-in-out 1.6s forwards;animation:title-fade-in .5s ease-in-out 1.6s forwards;background-color:#232665;border-radius:5px;height:3px;margin:0 auto 30px;opacity:0;width:150px}.header__nav ul{display:flex;justify-content:center}.header__nav ul li{-webkit-animation:navbar-fade-in 2s cubic-bezier(.075,.82,.165,1) 2s forwards;animation:navbar-fade-in 2s cubic-bezier(.075,.82,.165,1) 2s forwards;opacity:0;text-transform:uppercase;width:130px}.header__nav ul li a{color:#232665;position:relative}@media(max-width:650px){.header__nav ul li a{font-size:14px}}.header__nav ul li a:after{background-color:#232665;border-radius:3px;content:"";height:3px;left:-11%;position:absolute;top:20px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center;transform-origin:center;transition:.2s;width:120%;z-index:-1}@media(max-width:650px){.header__nav ul li a:after{height:2px}}.header__nav ul li a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.header__illustration{height:73vh;margin-bottom:60px;width:100%}.header__illustration .big-wale-container{-webkit-animation:big-whale-fade-in 2s cubic-bezier(.075,.82,.165,1) 1s forwards;animation:big-whale-fade-in 2s cubic-bezier(.075,.82,.165,1) 1s forwards;background:linear-gradient(0deg,#15154b,#252e6f);height:65vh;left:0;opacity:0;overflow:hidden;position:absolute;top:220px;width:100%;z-index:-9}@media(max-width:650px){.header__illustration .big-wale-container{height:65vh;top:190px}}.header__illustration .big-wale-container .corrector{height:100%;left:0;position:absolute;top:-8px;-webkit-transform:scale(1.02);transform:scale(1.02);width:100%}.header__illustration .big-wale-container .corrector img{height:100%;left:0;object-fit:cover;position:absolute;transition:.2s ease-out;width:100%}.header__illustration .big-wale-container .corrector #bigWaleCMove{-webkit-animation:cloud-movement 40s linear infinite;animation:cloud-movement 40s linear infinite;-webkit-animation:big-whale-fade-in 2s cubic-bezier(.075,.82,.165,1) 3s forwards;animation:big-whale-fade-in 2s cubic-bezier(.075,.82,.165,1) 3s forwards;background:url(/static/media/big-waleCMove.25a65c1cecddae3b2ce2.png);bottom:40px;height:100%;opacity:0;position:absolute;right:-250px;-webkit-transform:scale(.6);transform:scale(.6);width:100%}@-webkit-keyframes cloud-movement{0%{background-position-x:0}to{background-position-x:2500px}}@keyframes cloud-movement{0%{background-position-x:0}to{background-position-x:2500px}}@keyframes title-fade-in{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes navbar-fade-in{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes navbar-fade-in{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes skills-fade-in{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes skills-fade-in{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes big-whale-fade-in{0%{opacity:0}to{opacity:1}}@keyframes big-whale-fade-in{0%{opacity:0}to{opacity:1}}.nav-bar{-webkit-animation:sidenav-fade-in 2s cubic-bezier(.075,.82,.165,1) 2.8s forwards;animation:sidenav-fade-in 2s cubic-bezier(.075,.82,.165,1) 2.8s forwards;opacity:0;padding:35px 35px 0;position:fixed;right:0;top:250px;z-index:99}@media(max-width:650px){.nav-bar{padding:0 15px;top:230px}}.nav-bar__menu{margin-bottom:400px}.nav-bar__menu .menu-btn{cursor:pointer;height:24px;position:relative;width:32px}@media(max-width:650px){.nav-bar__menu .menu-btn{height:20px}}.nav-bar__menu .menu-btn:before{background-color:#232665;border-radius:10px;content:"";display:block;height:4px;position:absolute;top:0;transition:.2s;width:100%}@media(max-width:650px){.nav-bar__menu .menu-btn:before{-webkit-box-shadow:0 2px 13px 5px #fff;height:3px}}.nav-bar__menu .menu-btn:after{background-color:#232665;border-radius:10px;bottom:0;content:"";display:block;height:4px;position:absolute;transition:.2s;width:100%}@media(max-width:650px){.nav-bar__menu .menu-btn:after{box-shadow:0 2px 13px 5px #fff;height:3px}}.nav-bar__menu .opened-menu-btn{cursor:pointer;height:26px;position:relative;width:32px;z-index:999}.nav-bar__menu .opened-menu-btn:before{background-color:#fff;border-radius:10px;content:"";display:block;height:4px;position:absolute;top:0;-webkit-transform:rotate(45deg) translateY(16px);transform:rotate(45deg) translateY(16px);transition:.2s;width:100%}@media(max-width:650px){.nav-bar__menu .opened-menu-btn:before{height:3px}}.nav-bar__menu .opened-menu-btn:after{background-color:#fff;border-radius:10px;bottom:0;content:"";display:block;height:4px;position:absolute;-webkit-transform:rotate(-45deg) translateY(-16px);transform:rotate(-45deg) translateY(-16px);transition:.2s;width:100%}@media(max-width:650px){.nav-bar__menu .opened-menu-btn:after{height:3px}}.nav-bar__link{background-color:#232665;border-radius:10px;cursor:pointer;height:4px;margin:24px 0;transition:.2s ease-in-out;width:32px}.nav-bar .is-active .nav-bar__link{background-color:#5a83c1;-webkit-transform:scaleX(1.75);transform:scaleX(1.75);-webkit-transform-origin:right;transform-origin:right}.nav-bar .bob{background-color:#fff;border-radius:10px;cursor:pointer;height:4px;margin:24px 0;width:32px}@-webkit-keyframes sidenav-fade-in{0%{opacity:0;-webkit-transform:translateX(50%) translateY(-50%);transform:translateX(50%) translateY(-50%)}to{opacity:1;-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%)}}@keyframes sidenav-fade-in{0%{opacity:0;-webkit-transform:translateX(50%) translateY(-50%);transform:translateX(50%) translateY(-50%)}to{opacity:1;-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%)}}.menu-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9}.menu-container__transformed{-webkit-animation:close-menu .5s cubic-bezier(.66,0,.3,.98);animation:close-menu .5s cubic-bezier(.66,0,.3,.98);-webkit-transform:translateX(0);transform:translateX(0)}.menu-container__to-transform,.menu-container__transformed{background:linear-gradient(90deg,#232665,#35539b);height:100%;width:100%}.menu-container__to-transform{-webkit-animation:open-menu .5s cubic-bezier(.66,0,.3,.98);animation:open-menu .5s cubic-bezier(.66,0,.3,.98);-webkit-transform:translateX(100%);transform:translateX(100%)}.menu-container__nav{display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}.menu-container__nav li a{color:#fff;font-size:4.8em;font-weight:500;letter-spacing:10px;line-height:1.8em;position:relative;-webkit-user-select:none;user-select:none}@media(max-width:650px){.menu-container__nav li a{font-size:2.6em}}.menu-container__nav li a:after{background-color:rgba(90,131,193,.7);content:"";height:120%;left:-12%;position:absolute;top:-20%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center;transform-origin:center;transition:.2s;width:120%;z-index:-1}.menu-container__nav li a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.menu-container__nav .links__transformed{-webkit-animation:links-appaer .5s cubic-bezier(.66,0,.3,.98) forwards;animation:links-appaer .5s cubic-bezier(.66,0,.3,.98) forwards;opacity:0}.menu-container__nav #homeLink{-webkit-animation-delay:.2s;animation-delay:.2s}.menu-container__nav #portfolioLink{-webkit-animation-delay:.3s;animation-delay:.3s}.menu-container__nav #aboutLink{-webkit-animation-delay:.4s;animation-delay:.4s}.menu-container__nav #contactLink{-webkit-animation-delay:.5s;animation-delay:.5s}.menu-container__nav .links__to-transform{-webkit-animation:links-disappaer .5s cubic-bezier(.66,0,.3,.98) 0;animation:links-disappaer .5s cubic-bezier(.66,0,.3,.98) 0}@-webkit-keyframes open-menu{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes open-menu{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes close-menu{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes close-menu{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes links-appaer{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes links-appaer{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes links-disappaer{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes links-disappaer{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.portfolio-section{min-height:100vh;padding:20px 0}.portfolio-section ::-webkit-scrollbar{height:0}.portfolio-section__content{background-color:transparent;height:70vh;justify-content:space-between;position:relative;width:100%}.portfolio-section__content--grid{height:100%;justify-content:space-between;overflow-x:scroll;padding-bottom:10px;width:100%}.portfolio-section__content .grid-nav{-webkit-animation:grid-btn 1s ease-in-out .3s forwards;animation:grid-btn 1s ease-in-out .3s forwards;display:flex;left:50%;opacity:0;position:absolute;top:-44px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media(max-width:650px){.portfolio-section__content .grid-nav{width:100%}}.portfolio-section__content .grid-nav li{color:#232665;cursor:pointer;font-size:18px;font-weight:600;margin:0 22px;position:relative;text-transform:uppercase}@media(max-width:650px){.portfolio-section__content .grid-nav li{font-size:14px;font-weight:400}}.portfolio-section__content .grid-nav .active:after{background-color:#232665;border-radius:3px;content:"";height:3px;left:-11%;position:absolute;top:20px;-webkit-transform-origin:center;transform-origin:center;transition:.2s;width:120%;z-index:-1}@media(max-width:650px){.portfolio-section__content .grid-nav .active:after{height:2px}}.portfolio-section__content .illustration-portfolio-grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);width:4696px}.portfolio-section__content .storyboard-portfolio-grid{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(3,1fr)}.portfolio-section__content .motiondesign-portfolio-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.portfolio-section__content .div1{grid-area:1/1/2/3}.portfolio-section__content .div2{grid-area:2/1/3/3}.portfolio-section__content .div3{grid-area:3/1/4/3}.portfolio-section__content .div4{grid-area:1/3/3/5}.portfolio-section__content .div5{grid-area:3/3/4/5}.portfolio-section__content .div6{grid-area:2/5/4/7}.portfolio-section__content .div7{grid-area:1/5/2/7}.portfolio-section__content .div8{grid-area:1/7/2/9}.portfolio-section__content .div9{grid-area:2/7/3/9}.portfolio-section__content .div10{grid-area:3/7/4/9}.portfolio-section__content .item-33{grid-area:1/1/3/2}.portfolio-section__content .item-34{grid-area:1/2/3/3}.portfolio-section__content .portfolio-grid{grid-gap:5px;display:grid;gap:5px;height:100%;overflow-x:hidden}.portfolio-section__content .portfolio-grid .grid-item{-webkit-animation:pictures-fade-in 2s cubic-bezier(.075,.82,.165,1) forwards;animation:pictures-fade-in 2s cubic-bezier(.075,.82,.165,1) forwards;height:100%;opacity:0;overflow:hidden;width:100%}.portfolio-section__content .portfolio-grid .grid-item .portoflio-illustration{cursor:pointer;height:100%;object-fit:cover;transition:.2s;width:100%}.portfolio-section__content .portfolio-grid .grid-item .portoflio-illustration:hover{-webkit-filter:brightness(.75);filter:brightness(.75)}.portfolio-section__content #item-0{grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1}.portfolio-section__content #item-1{grid-column-end:4;grid-column-start:3;grid-row-end:3;grid-row-start:1}.portfolio-section__content #item-2{grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:2}.portfolio-section__content #item-3{grid-column-end:3;grid-column-start:2;grid-row-end:4;grid-row-start:1}.portfolio-section__content #item-4{grid-column-end:2;grid-column-start:1;grid-row-end:4;grid-row-start:3}.portfolio-section__content #item-5{grid-column-end:5;grid-column-start:3;grid-row-end:4;grid-row-start:3}.portfolio-section__content #item-5bis{grid-column-end:5;grid-column-start:5;grid-row-end:3;grid-row-start:3}.portfolio-section__content #item-6{grid-column-end:6;grid-column-start:4;grid-row-end:3;grid-row-start:1}.portfolio-section__content #item-7{grid-column-end:8;grid-column-start:6;grid-row-end:1;grid-row-start:1}.portfolio-section__content #item-8{grid-column-end:7;grid-column-start:6;grid-row-end:2;grid-row-start:2}.portfolio-section__content #item-9{grid-column-end:8;grid-column-start:7;grid-row-end:2;grid-row-start:2}.portfolio-section__content #item-10{grid-column-end:7;grid-column-start:6;grid-row-end:3;grid-row-start:3}.portfolio-section__content #item-11{grid-column-end:8;grid-column-start:7;grid-row-end:3;grid-row-start:3}.portfolio-section__content #item-12{grid-column-end:9;grid-column-start:8;grid-row-end:1;grid-row-start:1}.portfolio-section__content #item-13{grid-column-end:10;grid-column-start:9;grid-row-end:1;grid-row-start:1}.portfolio-section__content #item-14{grid-column-end:10;grid-column-start:8;grid-row-end:4;grid-row-start:2}.portfolio-section__content #item-15{grid-column-end:10;grid-column-start:10;grid-row-end:1;grid-row-start:1}.portfolio-section__content #item-16{grid-column-end:10;grid-column-start:10;grid-row-end:4;grid-row-start:2}.portfolio-section__content #item-17{grid-column-end:13;grid-column-start:11;grid-row-end:3;grid-row-start:1}.portfolio-section__content #item-18{grid-column-end:15;grid-column-start:13;grid-row-end:1;grid-row-start:1}.portfolio-section__content #item-19{grid-column-end:15;grid-column-start:14;grid-row-end:2;grid-row-start:2}.portfolio-section__content #item-20{grid-column-end:15;grid-column-start:14;grid-row-end:3;grid-row-start:3}.portfolio-section__content #item-99{grid-column-end:13;grid-column-start:13;grid-row-end:4;grid-row-start:2}.portfolio-section__content #item-97{grid-column-end:11;grid-column-start:11;grid-row-end:4;grid-row-start:3}.portfolio-section__content #item-98{grid-column-end:12;grid-column-start:12;grid-row-end:4;grid-row-start:3}.portfolio-section__content #item-21{grid-column-end:17;grid-column-start:15;grid-row-end:4;grid-row-start:2}.portfolio-section__content #item-22{grid-column-end:15;grid-column-start:15;grid-row-end:2;grid-row-start:1}.portfolio-section__content #item-23{grid-column-end:16;grid-column-start:16;grid-row-end:2;grid-row-start:1}.portfolio-section__content #item-33{grid-column-end:30;grid-column-start:27;grid-row-end:4;grid-row-start:1}.portfolio-section__content #item-34{grid-column-end:33;grid-column-start:30;grid-row-end:4;grid-row-start:1}.portfolio-section .slide-button{background-color:transparent;background-color:hsla(0,0%,100%,.4);border-radius:4px;bottom:10%;color:#fff;cursor:pointer;font-size:2.8em;font-weight:100;padding:0 10px;position:absolute;-webkit-transform:scaleX(2);transform:scaleX(2);transition:.5s}@media(max-width:1150px){.portfolio-section .slide-button{font-size:2em}}@media(max-width:650px){.portfolio-section .slide-button{display:none}}.portfolio-section .slide-right{-webkit-animation:grid-btn 1s ease-in-out .3s forwards;animation:grid-btn 1s ease-in-out .3s forwards;opacity:0;right:15%}.portfolio-section .slide-right:hover{-webkit-transform:translateX(10px) scaleX(2);transform:translateX(10px) scaleX(2)}.portfolio-section .slide-left{-webkit-animation:grid-btn 1s ease-in-out .5s forwards;animation:grid-btn 1s ease-in-out .5s forwards;left:15%;opacity:0}.portfolio-section .slide-left:hover{-webkit-transform:translateX(-10px) scaleX(2);transform:translateX(-10px) scaleX(2)}@-webkit-keyframes pictures-fade-in{0%{opacity:0;-webkit-transform:translateX(30%);transform:translateX(30%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes pictures-fade-in{0%{opacity:0;-webkit-transform:translateX(30%);transform:translateX(30%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes grid-btn{0%{opacity:0}to{opacity:1}}@keyframes grid-btn{0%{opacity:0}to{opacity:1}}.full-screen-container{align-items:center;-webkit-animation:open-full-screen .5s cubic-bezier(.66,0,.3,.98);animation:open-full-screen .5s cubic-bezier(.66,0,.3,.98);cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;-webkit-transform:translateX(0);transform:translateX(0);width:100%;z-index:1000}.full-screen-container__content{height:80%;position:relative;width:80%}.full-screen-container img{-webkit-animation:img-appaer .5s cubic-bezier(.66,0,.3,.98) .1s;animation:img-appaer .5s cubic-bezier(.66,0,.3,.98) .1s;height:100%;object-fit:contain;width:100%}@-webkit-keyframes open-full-screen{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes open-full-screen{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes close-full-screen{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes close-full-screen{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes img-appaer{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes img-appaer{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes img-disappaer{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes img-disappaer{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.about-section{min-height:70vh;padding:50px 20px}.about-section__content{display:flex;height:75%;justify-content:space-between;margin:40px auto 0;max-width:1300px;width:90%}@media(max-width:1150px){.about-section__content{flex-direction:column-reverse}}@media(max-width:650px){.about-section__content{margin:0 auto}}.about-section__content--skills-part{display:flex;flex-direction:column;height:100%;margin-top:20px;width:30%}@media(max-width:1150px){.about-section__content--skills-part{flex-direction:row;justify-content:space-around;width:100%}}@media(max-width:650px){.about-section__content--skills-part{flex-direction:column}}.about-section__content--skills-part .skills{display:flex;flex-wrap:wrap;justify-content:space-between}.about-section__content--skills-part .skills .skill{align-items:center;-webkit-animation:skill-pop-in .5s cubic-bezier(0,.74,.63,1.48) forwards;animation:skill-pop-in .5s cubic-bezier(0,.74,.63,1.48) forwards;display:flex;justify-content:center;margin-bottom:40px;opacity:0;width:33%}.about-section__content--skills-part .skills .skill img{-webkit-filter:invert(14%) sepia(16%) saturate(6670%) hue-rotate(221deg) brightness(95%) contrast(98%);filter:invert(14%) sepia(16%) saturate(6670%) hue-rotate(221deg) brightness(95%) contrast(98%);height:64px;object-fit:cover;transition:.2s;width:64px}.about-section__content--skills-part .hobbies{color:#232665;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}@media(max-width:1150px){.about-section__content--skills-part .hobbies{margin-top:0}}.about-section__content--skills-part .hobbies .hobby{align-items:center;-webkit-animation:hobbie-fade-in .5s ease-in-out forwards;animation:hobbie-fade-in .5s ease-in-out forwards;display:flex;flex-direction:column;margin-bottom:20px;opacity:0;width:50%}.about-section__content--skills-part .hobbies .hobby img{-webkit-filter:invert(14%) sepia(16%) saturate(6670%) hue-rotate(221deg) brightness(95%) contrast(98%);filter:invert(14%) sepia(16%) saturate(6670%) hue-rotate(221deg) brightness(95%) contrast(98%);height:48px;margin-bottom:20px;object-fit:cover;width:48px}.about-section__content--skills-part .hobbies .hobby p{font-size:20px;font-weight:500;text-align:center}.about-section__content--skills-part .hobbies .project-counter{justify-content:space-between}.about-section__content--skills-part .hobbies .project-counter h4{font-size:56px;font-weight:300}.about-section__content--character-part{height:100%;position:relative;width:70%}@media(max-width:1150px){.about-section__content--character-part{width:88%}}@media(max-width:650px){.about-section__content--character-part{width:100%}}@media(max-width:1150px){.about-section__content--character-part .header{display:none}}.about-section__content--character-part .content{padding-left:80px}@media(max-width:650px){.about-section__content--character-part .content{padding-left:0}}.about-section__content--character-part .content p{-webkit-animation:text-fade-in .5s ease-in-out forwards;animation:text-fade-in .5s ease-in-out forwards;color:#232665;cursor:default;font-size:20px;line-height:1.15em;margin-bottom:20px;opacity:0;text-align:justify;-webkit-user-select:text;user-select:text}.about-section__content--character-part .content p span{color:#7da6d4;font-weight:600}.about-section__content--character-part .content .contact{margin-top:40px}@-webkit-keyframes skill-pop-in{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes skill-pop-in{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hobbie-fade-in{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hobbie-fade-in{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes text-fade-in{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes text-fade-in{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.contact-section{min-height:100vh;padding:50px 0}.contact-section__content{display:flex;height:75%;justify-content:space-between;margin:40px auto;max-width:1300px;width:90%}@media(max-width:650px){.contact-section__content{flex-direction:column-reverse}}.contact-section__content--left-part{height:100%;margin-top:10px;position:relative;width:30%}.contact-section__content--left-part .item{align-items:center;-webkit-animation:coordinates-fade-in 2s cubic-bezier(.075,.82,.165,1) forwards;animation:coordinates-fade-in 2s cubic-bezier(.075,.82,.165,1) forwards;display:flex;margin-bottom:35px;opacity:0}.contact-section__content--left-part .item img{-webkit-filter:invert(14%) sepia(16%) saturate(6670%) hue-rotate(221deg) brightness(95%) contrast(98%);filter:invert(14%) sepia(16%) saturate(6670%) hue-rotate(221deg) brightness(95%) contrast(98%);height:36px;margin-right:10px;object-fit:contain;width:36px}.contact-section__content--left-part .item a,.contact-section__content--left-part .item p{color:#232665;font-size:20px;font-weight:500}.contact-section__content--left-part .social-links{margin-top:190px}@media(max-width:650px){.contact-section__content--left-part .social-links{display:flex;margin-top:80px}}.contact-section__content--left-part .social-links .social-link{-webkit-animation:social-links-fade-in 2s cubic-bezier(.075,.82,.165,1) forwards;animation:social-links-fade-in 2s cubic-bezier(.075,.82,.165,1) forwards;opacity:0}.contact-section__content--left-part .social-links img{-webkit-filter:invert(14%) sepia(16%) saturate(6670%) hue-rotate(221deg) brightness(95%) contrast(98%);filter:invert(14%) sepia(16%) saturate(6670%) hue-rotate(221deg) brightness(95%) contrast(98%);height:36px;margin-right:40px;object-fit:cover;width:36px}.contact-section__content--right-part{height:100%;width:70%}@media(max-width:650px){.contact-section__content--right-part{width:100%}}.contact-section__content--right-part form{margin:0 auto;position:relative}@media(max-width:1150px){.contact-section__content--right-part form{margin:0 0 0 150px}}@media(max-width:650px){.contact-section__content--right-part form{margin:0 0 50px}}.contact-section__content--right-part form ::-webkit-scrollbar{width:4px}.contact-section__content--right-part form ::-webkit-scrollbar-track{background:transparent}.contact-section__content--right-part form ::-webkit-scrollbar-thumb{background:#5a83c1}.contact-section__content--right-part form ::-webkit-scrollbar-thumb:hover{background:#7da6d4}.contact-section__content--right-part form label{position:relative}.contact-section__content--right-part form label .error{bottom:30px;color:#232665;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.contact-section__content--right-part form input[type=email],.contact-section__content--right-part form input[type=submit],.contact-section__content--right-part form input[type=text],.contact-section__content--right-part form textarea{-webkit-animation:inputs-fade-in 2.2s cubic-bezier(.075,.82,.165,1) forwards;animation:inputs-fade-in 2.2s cubic-bezier(.075,.82,.165,1) forwards;background-color:transparent;border:3px solid #232665;border-radius:6px;color:#232665;font-size:20px;margin-bottom:15px;opacity:0;padding:15px 16px;resize:none;width:100%}.contact-section__content--right-part form input[type=email]:focus,.contact-section__content--right-part form input[type=submit]:focus,.contact-section__content--right-part form input[type=text]:focus,.contact-section__content--right-part form textarea:focus{border:3px solid #5a83c1}.contact-section__content--right-part form input[type=email]::-webkit-input-placeholder,.contact-section__content--right-part form input[type=submit]::-webkit-input-placeholder,.contact-section__content--right-part form input[type=text]::-webkit-input-placeholder,.contact-section__content--right-part form textarea::-webkit-input-placeholder{color:rgba(35,38,101,.8)}.contact-section__content--right-part form input[type=email]::placeholder,.contact-section__content--right-part form input[type=submit]::placeholder,.contact-section__content--right-part form input[type=text]::placeholder,.contact-section__content--right-part form textarea::placeholder{color:rgba(35,38,101,.8)}.contact-section__content--right-part form input[type=email],.contact-section__content--right-part form input[type=submit],.contact-section__content--right-part form input[type=text]{max-width:400px}.contact-section__content--right-part form textarea{height:200px}.contact-section__content--right-part form input[type=submit]{cursor:pointer;display:block;margin:auto;transition:.1s;width:150px}.contact-section__content--right-part form input[type=submit]:focus{border:3px solid #5a83c1;color:#5a83c1}.contact-section__content--right-part form input[type=submit]:active{border:3px solid #5a83c1;color:#5a83c1;-webkit-transform:scale(.98);transform:scale(.98)}.contact-section__content--right-part form .message-sent{-webkit-animation:paper-plane 3s ease-in-out forwards;animation:paper-plane 3s ease-in-out forwards;bottom:5px;left:55%;opacity:0;position:absolute}.contact-section__content--right-part form .message-sent img{-webkit-filter:invert(52%) sepia(9%) saturate(2400%) hue-rotate(177deg) brightness(94%) contrast(89%);filter:invert(52%) sepia(9%) saturate(2400%) hue-rotate(177deg) brightness(94%) contrast(89%);height:36px;width:36px}@-webkit-keyframes coordinates-fade-in{0%{opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes coordinates-fade-in{0%{opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes social-links-fade-in{0%{opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes social-links-fade-in{0%{opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes inputs-fade-in{0%{opacity:0;-webkit-transform:translateY(-200px);transform:translateY(-200px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes inputs-fade-in{0%{opacity:0;-webkit-transform:translateY(-200px);transform:translateY(-200px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes paper-plane{0%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:1}to{opacity:0;-webkit-transform:translateX(220px) rotate(220deg);transform:translateX(220px) rotate(220deg)}}@keyframes paper-plane{0%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:1}to{opacity:0;-webkit-transform:translateX(220px) rotate(220deg);transform:translateX(220px) rotate(220deg)}}
/*# sourceMappingURL=main.adf57d63.css.map*/