@keyframes animation-welcome{to{transform:scale(5);opacity:0;display:none}}@keyframes pulse{0%{transform:scaleZ(1)}50%{transform:scale3d(1.1,1.1,1.1)}to{transform:scaleZ(1)}}html,body{height:100%;margin:0}.preloader{animation-name:animation-welcome;animation-duration:1s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:forwards;animation-delay:.15s}.preloader-logo{animation:pulse 1.1s infinite}body{font-family:Actay,sans-serif;transition:background .7s ease}@keyframes indicator-colors{0%{background:#64a6fc}16.66%{background:#2fd0c8}33.33%{background:#6ed485}50%{background:#fb9674}66.66%{background:#f8c24f}83.33%{background:#a189f0}to{background:#64a6fc}}@keyframes house-icon-colors{0%{color:#64a6fc}16.66%{color:#2fd0c8}33.33%{color:#6ed485}50%{color:#fb9674}66.66%{color:#f8c24f}83.33%{color:#a189f0}to{color:#64a6fc}}.navigation{position:relative;width:60pt;display:flex;flex-direction:column;border-radius:12px}.navigation .nav-button{position:relative;display:flex;justify-content:center;align-items:center;height:61px;margin:5px 0;border-radius:inherit;transition:background-color .3s linear;overflow:hidden}.navigation .nav-button:hover{background-color:#ffffff16}.navigation.light-theme .nav-button:hover{background-color:#3428281a}.svg{color:#fff;transition:color .7s ease;aspect-ratio:1/1;width:25px}.svg.house-svg{animation:house-icon-colors 20s linear infinite}.svg.about-svg{color:#64a6fc}.svg.tools-svg{color:#a189f0}.svg.portfolio-svg{color:#00475f}.svg.contacts-svg{color:#0c8e4d}.navigation.light-theme .svg{color:#282c34}.navigation.light-theme .svg.house-svg{animation:house-icon-colors 20s linear infinite}.navigation.light-theme .svg.about-svg{color:#64a6fc}.navigation.light-theme .svg.tools-svg{color:#a189f0}.navigation.light-theme .svg.portfolio-svg{color:#00475f}.navigation.light-theme .svg.contacts-svg{color:#0c8e4d}.tooltip{position:fixed;background-color:#fff;color:#282c34;padding:6px 11px;border-radius:7pt;font-size:16px;white-space:nowrap;opacity:0;transform:scale(.7);transition:opacity .2s ease-in-out,transform .2s ease-in-out;pointer-events:none;border:#282C34 thin solid;-webkit-user-select:none;user-select:none}.tooltip.visible{position:fixed;transform:scale(1);opacity:1}.indicator{position:absolute;right:0;width:8.5px;height:61px;border-radius:12px;transition:top .65s cubic-bezier(0,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1)}.indicator.iridescent-indicator{animation:indicator-colors 20s linear infinite}.desktop-menu.light-theme .navigation .ripple{background:#282c3466}@media (pointer: coarse){.tooltip.visible{display:none}}.desktop-menu{position:fixed;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:105px;height:100%;z-index:1;overflow-y:auto;overflow-x:hidden}.desktop-menu .myLogo{display:flex;justify-content:center;align-items:center;height:103px}.desktop-menu .myLogo img{width:60%;cursor:pointer;transition:transform .4s ease;-webkit-user-select:none;user-select:none}.desktop-menu .myLogo img:hover{transform:scale(1.2)}.D-buttons-theme-lang{padding-bottom:19%;display:flex;flex-direction:column;width:100%;max-width:100%}@media (pointer: coarse){.desktop-menu .myLogo img:hover{transform:scale(1)}.desktop-menu .myLogo img:active{transform:scale(1.2)}}@keyframes ripple-effect{to{transform:scale(1.5);opacity:0}}.language-button{display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;padding:15px;border-radius:7pt;overflow:hidden}.language-button img{width:35px;pointer-events:none;-webkit-user-select:none;user-select:none}.language-button-tooltip{position:fixed;background-color:#fff;color:#282c34;padding:6px 11px;border-radius:7pt;font-size:16px;white-space:nowrap;transform:scale(.6);opacity:0;transition:opacity .2s ease-in-out,transform .2s ease-in-out;pointer-events:none;border:#282C34 thin solid;-webkit-user-select:none;user-select:none}.language-button-tooltip.visible{position:fixed;transform:scale(1);opacity:1}.ripple{position:absolute;background:#fff9;border-radius:50%;transform:scale(0);animation:ripple-effect .6s linear;pointer-events:none}.language-button.light-theme .ripple{background:#282c3466}.ThemeButton{position:relative;display:flex;justify-content:center;align-items:center;border-radius:7pt;-webkit-user-select:none;user-select:none;overflow:hidden;cursor:pointer;height:53px}.ThemeButton .ripple{position:absolute;background:#fff9;border-radius:50%;transform:scale(0);animation:ripple-effect .6s linear;pointer-events:none}.ThemeButton.light-theme .ripple{background:#282c3466}.ThemeButton-tooltip{position:fixed;background-color:#fff;color:#282c34;padding:6px 11px;border-radius:7pt;font-size:16px;white-space:nowrap;transform:scale(.6);opacity:0;transition:opacity .2s ease-in-out,transform .2s ease-in-out;pointer-events:none;border:#282C34 thin solid;-webkit-user-select:none;user-select:none}.ThemeButton:hover .ThemeButton-tooltip{position:fixed;transform:scale(1);opacity:1}.ThemeButton .switch{font-size:17px;position:relative;display:inline-block;width:50%;height:53%}.ThemeButton .switch input{opacity:0;width:0;height:0}.ThemeButton .slider{--background: #28096b;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--background);transition:.5s;border-radius:30px}.ThemeButton .slider:before{position:absolute;content:"";height:72%;aspect-ratio:1/1;border-radius:50%;left:8%;bottom:15%;box-shadow:inset 8px -4px #fff000;background:var(--background);transition:.5s}.ThemeButton input:checked+.slider{background-color:#522ba7}.ThemeButton input:checked+.slider:before{transform:translate(118%);box-shadow:inset 15px -4px 0 15px #fff000}@media (max-width: 959px){.ThemeButton{width:100%}}@keyframes burgerColorIridescent{0%{color:#64a6fc}16.66%{color:#2fd0c8}33.33%{color:#6ed485}50%{color:#fb9674}66.66%{color:#f8c24f}83.33%{color:#a189f0}to{color:#64a6fc}}@keyframes borderBottomIridescent{0%{border-bottom-color:#64a6fc}16.66%{border-bottom-color:#2fd0c8}33.33%{border-bottom-color:#6ed485}50%{border-bottom-color:#fb9674}66.66%{border-bottom-color:#f8c24f}83.33%{border-bottom-color:#a189f0}to{border-bottom-color:#64a6fc}}@keyframes blurColorIridescent{0%{background:#64a6fc42}16.66%{background:#2fd0c844}33.33%{background:#6ed48647}50%{background:#fb967441}66.66%{background:#f8c34f41}83.33%{background:#a189f03f}to{background:#64a6fc42}}.mobile-menu{position:fixed;width:100%;height:60px;border-bottom-width:2px;border-bottom-style:solid;z-index:10;background-color:#0000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-menu.hom{animation:borderBottomIridescent 20s linear infinite}.burger-button{display:flex;justify-content:center;align-items:center;font-size:25px;width:54px;height:54px;margin-top:3px;margin-left:9px;border-radius:50%;cursor:pointer;transition:background-color .2s linear}.burger-button:hover{background-color:#fff1}.burger-icon{width:50%;height:100%}.burger-icon.hom{animation:burgerColorIridescent 20s linear infinite}.mobile-menu .myLogo{height:80%;aspect-ratio:1/1;position:absolute;top:5.5px;right:13px}.mobile-menu .myLogo img{width:100%;cursor:pointer;transition:transform .4s ease;-webkit-user-select:none;user-select:none}.mobile-menu .myLogo img:hover{transform:scale(1.2)}.opened{z-index:11;position:fixed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;height:100%;opacity:0;transition:opacity .3s ease;visibility:hidden}.opened.home{animation:blurColorIridescent 20s linear infinite}.opened-menu{background-color:#ffffff2f;height:100%;width:105px;display:flex;flex-direction:column;align-items:center;transform:translate(-100%);transition:transform .3s ease-out}.button-back{margin-top:3px;border-radius:50%;width:54px;height:54px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease;cursor:pointer}.button-back:hover{background-color:#ffffff16}.button-back img{width:23px;-webkit-user-select:none;user-select:none;pointer-events:none}.no-scroll{overflow:hidden;-webkit-user-select:none;user-select:none}.M-buttons-theme-lang{width:100%}@media (pointer: coarse){.mobile-menu .myLogo img:hover{transform:scale(1)}.mobile-menu .myLogo img:active{transform:scale(1.2)}}@keyframes IridescenceOfColors{0%{background:#64a6fc}16.66%{background:#2fd0c8}33.33%{background:#6ed485}50%{background:#fb9674}66.66%{background:#f8c24f}83.33%{background:#a189f0}to{background:#64a6fc}}@keyframes hello{0%,60%,70%,80%,90%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-10deg)}20%,40%{transform:rotate(5deg)}}@keyframes greetingShadowColors{0%{text-shadow:0px 0px 10px #006eff}16.66%{text-shadow:0px 0px 10px #00fff2}33.33%{text-shadow:0px 0px 10px #00ff3c}50%{text-shadow:0px 0px 10px #ff4000}66.66%{text-shadow:0px 0px 10px #ffae00}83.33%{text-shadow:0px 0px 10px #3c00ff}to{text-shadow:0px 0px 10px #006eff}}@keyframes fontColors{0%{color:#64a6fc}16.66%{color:#2fd0c8}33.33%{color:#6ed485}50%{color:#fb9674}66.66%{color:#f8c24f}83.33%{color:#a189f0}to{color:#64a6fc}}@keyframes homeShowUp{to{opacity:1}}@keyframes greetingScale{to{transform:scale(1);opacity:1}}@keyframes homeRightShowUp{to{transform:translate(0)}}@keyframes fullstackShowUp{to{transform:translate(0);opacity:1}}@keyframes iAmShowUp{to{transform:translate(0);opacity:1}}@keyframes developerShowUp{to{opacity:1}}@keyframes homeLeftPart2ShowUp{to{transform:translateY(0);opacity:1}}.home{display:flex;flex-direction:row;margin-left:11%;color:#f5f5f5;font-size:clamp(45px,3.8vw,3.8vw);animation:homeShowUp .8s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.home.light-theme{color:#282c34}.home.light-theme .home-left,.home .home-left{transition:color .7s ease}.home.light-theme .currency-widget,.home.light-theme .currency-widget *{color:#f5f5f5}.home .home-left{display:flex;flex-direction:column;width:50%;margin-top:6%;padding-bottom:3%}.home .home-left-part1{display:flex;flex-direction:column;line-height:6.8vw}.home .greeting{font-family:Actay;text-shadow:0px 0px 10px #006eff;animation:greetingShadowColors 20s linear infinite,greetingScale .9s ease forwards;transform:scale(.8);opacity:0}.home .mobile-br{display:none}.home .greeting img{width:9%;min-width:48px;object-fit:contain;margin-left:2%;transform-origin:50% 70%;animation:hello 5s ease-in-out infinite;-webkit-user-select:none;user-select:none;pointer-events:none;vertical-align:-5%}.home .i-am{transform:translate(10%);opacity:0;animation:iAmShowUp .6s ease 1s forwards}.home .i-am span{font-size:96%;font-weight:700;color:#64a6fc;animation:fontColors 20s linear infinite}.home .frontend{display:flex;flex-direction:row;animation:fullstackShowUp .6s ease .6s forwards;opacity:0;transform:translate(-10%)}.home .frontend img{width:10.5%;min-width:42px;margin-left:2%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.home .developer{color:#64a6fc;animation:fontColors 20s linear infinite,developerShowUp .6s ease 1.4s forwards;opacity:0}.home .developer img{width:9.6%;min-width:47px;vertical-align:middle;margin-left:1.5%;transform:rotate(20deg);transition:transform .2s ease-out;-webkit-user-select:none;user-select:none}.home .developer img:hover{transform:rotate(0) scale(1.2)}.home .home-left-part2{display:flex;flex-direction:row;margin-top:10%;animation:homeLeftPart2ShowUp .6s ease 1.4s forwards;opacity:0;transform:translateY(10%)}.home .left{display:flex;flex-direction:column;width:40%}.home .information{font-size:clamp(18px,40%,40%);line-height:1.8em;transition:color .7s ease}.home.light-theme .information{color:#555}.home .information img{width:10%;min-width:25px;vertical-align:sub;pointer-events:none}.home .buttons{display:flex;flex-direction:column;justify-content:center;padding:12% 0}.home .buttons button:first-child{display:flex;justify-content:center;align-items:center;width:12vw;min-width:158px;height:4vw;min-height:54px;font-family:Caveat;font-weight:bolder;font-size:clamp(21px,1.6vw,1.6vw);color:#182a41;background-color:#64a6fc;border-radius:8px;border:none;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color .3s ease,color .7s ease}.home .buttons button:first-child:hover{background-color:#548ed9}.home .buttons button:first-child img{width:19%;margin-left:4%}.home .buttons button:last-child{display:flex;justify-content:center;align-items:center;width:10.5vw;min-width:136px;height:4vw;min-height:54px;margin-top:8%;font-family:Caveat;font-weight:bolder;font-size:clamp(21px,1.6vw,1.6vw);color:#1e3f26;background-color:#6ed485;border-radius:8px;border:none;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color .3s ease,color .7s ease;text-align:center}.home .buttons button:last-child:hover{background-color:#5eb572}.home.light-theme .buttons button:first-child,.home.light-theme .buttons button:last-child{color:#fff}.home .buttons button:last-child img{width:15%;margin-left:4%}.home .right{display:flex;justify-content:center;align-items:center;width:60%;height:auto;-webkit-user-select:none;user-select:none}.home .right img{width:60%;height:auto;margin-left:10%;min-width:190px;border-radius:clamp(17px,1.4vw,1.4vw);transition:all .2s ease-out;cursor:pointer}.home .right img:hover{transform:scale(.985);box-shadow:none}.home .home-right{position:relative;display:flex;flex-direction:column;align-items:center;width:50%;min-height:100vh;background-color:#64a6fc;animation:IridescenceOfColors 20s linear infinite,homeRightShowUp 1s ease forwards}.home .copyright{position:absolute;bottom:2.5%;font-size:25%;display:flex;justify-content:center;align-items:center;width:100%;-webkit-user-select:none;user-select:none;color:#f5f5f5}.home.light-theme .copyright{color:#f5f5f5}.home .copyright u{font-size:110%;cursor:pointer}.home .heart{width:2.5%;-webkit-user-select:none;user-select:none;pointer-events:none}.home ::selection{background-color:#ffffff2e}.home.light-theme ::selection{background-color:#b0b0b066}.home .react-logo{width:3.8%}@media (max-width: 1126px){.home .right img{min-width:180px}}@media (max-width: 959px){.home .buttons button:first-child{width:22vw;min-width:146px;height:7.2vw;min-height:51px;font-size:clamp(19px,2.8vw,2.8vw);padding:clamp(3.5px,1.4%,1.4%)}.home .buttons button:last-child{width:19vw;min-width:128px;height:7.6vw;min-height:51px;font-size:clamp(19px,2.8vw,2.8vw);padding:clamp(3.5px,1.4%,1.4%)}.home{flex-direction:column;margin-left:0;font-size:clamp(40px,7vw,7vw)}.home .home-left{margin-top:90px;width:100%}.home .home-right{min-height:0}.home .home-left-part1{line-height:12vw;padding-left:9%}.home .greeting img{width:8%;min-width:42px}.home .frontend img{width:8%}.home .developer img{width:8%;min-width:45px}.home .home-left-part2{padding-left:12%}.home .information img{width:11%;min-width:10px}.home .right img{margin-left:0;border-radius:2.5vw;width:54%;min-width:169px}.home .home-right{width:100%}.home .copyright{font-size:clamp(12px,2.1vw,2.1vw);bottom:clamp(20px,2.5%,2.5%)}.home .heart{width:3vw;min-width:16px}.home .react-logo{width:4vw;min-width:23px}}@media (max-width: 576px){.home .right img{border-radius:3vw}}@media (max-width: 462px){.home{font-size:clamp(20px,9vw,9vw)}.home .information{font-size:clamp(10px,42%,42%)}.home .right img{width:68%;min-width:153px}.home .frontend img{min-width:39px}.home .developer img{min-width:46px}}@media (max-width: 399px){.home .mobile-br{display:inline}.home .home-left{overflow:hidden}.home .home-right{min-height:0}.home .home-left-part1{padding-left:6%;font-size:115%;line-height:1.6}.home .home-left-part2{display:flex;flex-direction:column;align-items:center;padding-left:0}.home .left{margin-left:0;width:90%}.home .information{font-size:clamp(10px,52%,52%)}.home .information img{width:6.5%;min-width:10px}.home .right{height:auto;max-height:fit-content;width:55%;margin-top:5%}.home .right img{width:100%;height:auto;border-radius:4vw;object-fit:contain}.home .buttons button:first-child{width:100%;height:58px;font-size:26px}.home .buttons button:last-child{width:100%;height:58px;font-size:26px}.home .buttons button:first-child img{width:8%}.home .buttons button:last-child img{width:8%}.home .greeting{white-space:nowrap}.home .greeting img{min-width:38px}.home .developer img{min-width:44px}.home .copyright{font-size:3.1vw}.home .heart{width:4vw}.home .react-logo{width:5vw}}@media (pointer: coarse){.home .buttons button:first-child:hover{background-color:#64a6fc}.home .buttons button:first-child:active{background-color:#548ed9}.home .buttons button:last-child:hover{background-color:#6ed485}.home .buttons button:last-child:active{background-color:#5eb572}.home .developer img:hover{transform:rotate(20deg) scale(1)}.home .developer img:active{transform:rotate(0) scale(1.2)}.home .right img:hover{transform:scale(1);box-shadow:0 0 20px #07070d}.home .right img:active{transform:scale(.95);box-shadow:none}}@keyframes widgetIncrease{to{transform:scale(1)}}@keyframes CityColors{0%{color:#64a6fc}16.66%{color:#2fd0c8}33.33%{color:#6ed485}50%{color:#fb9674}66.66%{color:#f8c24f}83.33%{color:#a189f0}to{color:#64a6fc}}.weather-widget-container{position:relative;width:80%;height:22vw;min-height:22vw;margin-top:29%;animation:widgetIncrease 1.7s ease-out;transform:scale(.75)}.weather-widget{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;-webkit-user-select:none;user-select:none;width:100%;height:100%}.cloud{position:absolute;width:100%;height:100%;object-fit:contain}.error{z-index:1;font-size:1.5vw;margin-top:20%}.temperature{display:flex;justify-content:center;align-items:end;z-index:1;height:7.5vw;max-height:7.5vw;text-align:center;font-size:5vw;margin-left:33%;color:#f5f5f5}.description{display:flex;justify-content:center;align-items:center;z-index:1;font-size:1.4vw;margin-bottom:-1%;text-align:center;width:50%;height:7vw;max-height:7vw;color:#060727bc;white-space:nowrap}.description img{width:7.6vw;min-width:7.6vw;pointer-events:none}.city{display:flex;align-items:center;justify-content:center;z-index:1;text-align:center;height:5.4vw;max-height:5.4vw;font-size:3.3vw;width:95%;margin-bottom:-2%;animation:CityColors 20s linear infinite}.city span{line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2%}@media (max-width: 1250px){.weather-widget-container{margin-top:40%}}@media (max-width: 959px){.weather-widget-container{height:47vw;margin-top:14%}.error{font-size:2.8vw}.temperature{font-size:10.5vw;height:35%;max-height:35%}.description{font-size:2.9vw;height:30%;max-height:30%}.description img{width:18.5vw;min-width:18.5vw}.city{font-size:7.8vw;height:30%;max-height:30%;padding:0 .8em}}@media (pointer: coarse){.weather-widget-container{pointer-events:none}}.currency-widget{display:flex;flex-direction:row;justify-content:space-evenly;font-size:2vw;margin-top:20%;width:100%;border-radius:.8vw;background-color:#00000040;-webkit-user-select:none;user-select:none;color:#f5f5f5}.currency-widget img{width:2.1vw;height:2.1vw;border-radius:50%;object-fit:cover;pointer-events:none}.usd{display:flex;flex-direction:row;justify-content:center;align-items:center}.usd span{background-color:#00000036;border-radius:.8vw;padding:1%;font-size:90%}.eur{display:flex;flex-direction:row;justify-content:center;align-items:center}.eur span{background-color:#00000036;border-radius:.8vw;padding:1%;font-size:90%}@media (max-width: 959px){.currency-widget{margin-bottom:20%;font-size:5vw;border-radius:1.8vw}.currency-widget img{width:5vw;height:5vw}.usd span,.eur span{border-radius:1.8vw}}@keyframes photo-ripple{55%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes aboutRightShowUp{to{transform:translate(0)}}@keyframes aboutShowUp{to{opacity:1}}@keyframes photoShowUp{to{transform:scale(1);opacity:1}}@keyframes el-1-showUp{to{opacity:1;transform:translate(25%,-110%) scale(1)}}@keyframes el-2-showUp{to{opacity:1;transform:translate(5%,-35%) scale(1)}}@keyframes el-3-showUp{to{opacity:1;transform:translateY(-5%) scale(1)}}@keyframes el-4-showUp{to{opacity:1;transform:translate(-5%,-35%) scale(1)}}@keyframes el-5-showUp{to{opacity:1;transform:translate(-25%,-110%) scale(1)}}.about{display:flex;flex-direction:row;margin-left:105px;font-size:clamp(45px,3.8vw,3.8vw);animation:aboutShowUp .8s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.about .about-left{width:50%;display:flex;flex-direction:column;align-items:center}.about .aboutMe{width:80%;color:#64a6fc;font-size:110%;font-weight:700;margin-top:clamp(80px,14%,14%)}.about .aboutMe-briefly{width:80%;margin-top:6%;font-size:40%;color:#f5f5f5;line-height:2.2;opacity:0;transform:translateY(20%);transition:transform .8s ease,opacity .8s ease,color .7s ease}.about.light-theme .aboutMe-briefly{color:#282c34}.about .aboutMe-briefly.visible{opacity:1;transform:translateY(0)}.about .aboutMe-briefly span{color:#64a6fc;font-weight:bolder}.about .aboutMe-facts{display:flex;flex-direction:column;align-items:center;width:100%}.about .line{display:flex;flex-direction:row;justify-content:space-around;width:100%}.about .cell{display:flex;flex-direction:column;align-items:center;font-size:clamp(14px,33%,33%);width:38%;margin-top:10%;overflow:hidden;opacity:0;transition:opacity .8s ease,transform .8s ease}.about .cell.left{transform:translate(20%)}.about .cell.right{transform:translate(-20%)}.about .cell.visible{opacity:1;transform:translate(0)}.about .cell img{-webkit-user-select:none;user-select:none;pointer-events:none;width:15%;min-width:33px}.about .cell-label{text-align:center;padding-top:4%;color:#d1e4ff;line-height:1.7;transition:color .7s ease}.about.light-theme .cell-label{color:#555}.about .cell-description{text-align:center;color:#f5f5f5;font-size:70%;line-height:1.8;margin-top:0;margin-bottom:0;transition:color .7s ease}.about.light-theme .cell-description{color:#444}.about .about-left button{margin-top:8%;border:none;margin-bottom:90px;background-color:#64a6fc;color:#000000c1;border-radius:8px;width:9.8vw;min-width:110px;height:3.5vw;min-height:44px;font-size:clamp(20px,1.6vw,1.6vw);font-family:Caveat;font-weight:bolder;text-align:center;vertical-align:middle;cursor:pointer;transition:background-color .3s ease,transform .8s ease,opacity .8s ease,color .7s ease;transform:translateY(20%);opacity:0;-webkit-user-select:none;user-select:none}.about .about-left button.visible{transform:translateY(0);opacity:1}.about .about-left button:hover{background-color:#5589d1}.about.light-theme .about-left button{color:#fff}.about .about-right{width:50%;background-color:#64a6fc;display:flex;flex-direction:column;align-items:center;animation:aboutRightShowUp 1s ease forwards}.about .photo-container{width:45%;min-width:270px;border-radius:50%;aspect-ratio:1/1;margin-top:14%;animation:photoShowUp 1s ease .3s;transform:scale(1.2);opacity:0}.about .photo{width:100%;height:100%;position:relative;background-color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;aspect-ratio:1/1}.about .photo:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:#fff;animation:photo-ripple 2.5s ease-out infinite}.about .photo img{width:96%;height:96%;border-radius:50%;aspect-ratio:1/1;z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none}.about .round-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;margin-top:clamp(39px,6.2%,6.2%)}.about .round-button{display:flex;justify-content:center;align-items:center;position:relative;background-color:#fff;width:7.9%;min-width:50px;margin:0 clamp(12px,2%,2%);border-radius:50%;aspect-ratio:1/1;cursor:pointer}.about .el-1{transform:translate(25%,-110%) scale(.4);opacity:0;animation:el-1-showUp .8s .7s cubic-bezier(.4,.5,.2,.7) forwards}.about .el-2{transform:translate(5%,-35%) scale(.4);opacity:0;animation:el-2-showUp .8s .8s cubic-bezier(.4,.5,.2,.7) forwards}.about .el-3{transform:translateY(-5%) scale(.4);opacity:0;animation:el-3-showUp .8s .9s cubic-bezier(.4,.5,.2,.7) forwards}.about .el-4{transform:translate(-5%,-35%) scale(.4);opacity:0;animation:el-4-showUp .8s 1s cubic-bezier(.4,.5,.2,.7) forwards}.about .el-5{transform:translate(-25%,-110%) scale(.4);opacity:0;animation:el-5-showUp .8s 1.1s cubic-bezier(.4,.5,.2,.7) forwards}.about .round-button img{width:60%;aspect-ratio:1/1;-webkit-user-select:none;user-select:none;pointer-events:none}.about .tooltip{top:120%;opacity:0;transform:scale(.7);background-color:#fff;color:#282c34;border-radius:7pt;border:#282C34 thin solid;font-size:16px;padding:6px 11px;white-space:nowrap;position:absolute;transition:opacity .2s ease-in-out,transform .2s ease-in-out;z-index:10;-webkit-user-select:none;user-select:none;pointer-events:none}.about .round-button:hover .tooltip{opacity:1;transform:scale(1)}.about .copyright{position:absolute;bottom:2.5%;font-size:25%;display:flex;justify-content:center;align-items:center;width:100%;-webkit-user-select:none;user-select:none;color:#f5f5f5}.about .copyright u{font-size:110%;cursor:pointer}.about .heart{width:2.5%;-webkit-user-select:none;user-select:none;pointer-events:none}.about ::selection{background-color:#64a6fc55}.about .react-logo{width:3.8%}@media (max-width: 1100px){.about .photo-container{margin-top:16%}}@media (max-width: 959px){.about{display:flex;flex-direction:column;margin-left:0;font-size:clamp(49px,7vw,7vw)}.about .about-left{width:100%}.about .aboutMe,.about .aboutMe-briefly{width:90%}.about .about-left button{width:18.2vw;min-width:120px;height:6.5vw;min-height:47px;font-size:clamp(20px,2.9vw,2.9vw);border-radius:10px}.about .about-right{width:100%}.about .photo-container{margin-top:10%;width:37%}.about .round-buttons{margin-bottom:20%;margin-top:clamp(36px,4.5%,4.5%)}.about .round-button{width:6.5%}.about .copyright{font-size:clamp(12px,2.1vw,2.1vw);bottom:clamp(20px,2.5%,2.5%)}.about .heart{width:3vw;min-width:16px}.about .react-logo{width:4vw;min-width:23px}}@media (max-width: 463px){.about .aboutMe{font-size:clamp(30px,12vw,12vw)}}@media (max-width: 399px){.about .cell{width:47%}.about .photo-container{width:68%;min-width:220px}.about .round-buttons{flex-wrap:wrap;width:70%}.about .el-1,.about .el-2,.about .el-3,.about .el-4,.about .el-5{animation:none;opacity:1;transform:translate(0) scale(1.1);margin-bottom:10%;margin-left:4.5%;margin-right:4.5%}.about .copyright{font-size:3.1vw}.about .heart{width:4vw}.about .react-logo{width:5vw}}@media (pointer: coarse){.about .about-left button:hover{background-color:#64a6fc}.about .about-left button:active{background-color:#5589d1}.about .round-button:hover .tooltip{display:none}.about .photo-container{pointer-events:none}}@keyframes contactsShowUp{to{opacity:1}}@keyframes symbolConShowUp{to{transform:translateY(0);opacity:1}}@keyframes contContShowUp{to{opacity:1;transform:translateY(0)}}.contacts{background-color:#6ed485;animation:contactsShowUp .8s cubic-bezier(.4,0,.2,1) forwards;opacity:0;display:flex;flex-direction:column;align-items:center;font-size:clamp(45px,3.8vw,3.8vw);min-height:100vh}.contacts .myContacts{font-size:clamp(65px,115%,115%);font-weight:700;color:#f5f5f5;margin-top:7%;margin-left:36%;display:flex;text-shadow:10px 10px 10px #08591b54}.contacts .contacts-content{display:flex;flex-direction:row;width:75%;margin-top:5%;animation:contContShowUp .8s .5s cubic-bezier(.4,0,.2,1) forwards;opacity:0;transform:translateY(10%)}.contacts .mail-form{width:50%;display:flex;flex-direction:row;flex-wrap:wrap;gap:.6vw;justify-content:space-between}.contacts input[name=name],.contacts input[name=email]{flex:1 1 45%;min-width:230px;height:58px;border-radius:10px;border:none;font-size:16px}.contacts input[name=name]::placeholder,.contacts input[name=email]::placeholder{padding-left:10px;color:#5bc173;-webkit-user-select:none;user-select:none;font-family:Caveat;font-size:130%}.contacts textarea{flex:1 1 100%;width:94%;border:none;border-radius:10px;resize:none;height:220px;font-size:20px}.contacts textarea::placeholder{padding-left:10px;color:#5bc173;-webkit-user-select:none;user-select:none;font-family:Caveat;font-size:140%}.contacts button[type=submit]{flex:1 1 100%;width:94%;height:67px;font-size:31px;font-family:Caveat;font-weight:bolder;border-radius:10px;border:none;background-color:#fff;color:#5bc173;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.contacts .paper-plane{width:23px;object-fit:contain;margin-left:10px}.contacts .text-for-form{width:46%;margin-left:4%;font-size:clamp(22px,42%,42%);color:#086537;text-shadow:10px 10px 10px #08591b54;line-height:1.5}.contacts .email-address{font-size:105%;color:#fff;text-decoration:underline;text-decoration-color:#ffffff89;cursor:pointer;text-shadow:none;transition:text-decoration-color .3s ease}.contacts .email-address:hover{text-decoration-color:#fff}.contacts .buttons-contacts{width:40%;margin-top:2%;display:flex;justify-content:center;margin-bottom:3%;transition:opacity .8s .3s ease-in-out;opacity:0}.contacts .buttons-contacts.visible{opacity:1}.contacts .buttons-contacts div{width:9.5%;min-width:55px;aspect-ratio:1/1;border-radius:10px;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;margin:0 4%;cursor:pointer}.contacts .buttons-contacts div img{width:60%;aspect-ratio:1/1;-webkit-user-select:none;user-select:none;pointer-events:none}.contacts .buttons-contacts span{font-size:40%;position:absolute;top:120%;opacity:0;transform:scale(.7);background-color:#fff;color:#282c34;border-radius:7pt;border:#282C34 thin solid;font-size:16px;padding:6px 11px;white-space:nowrap;transition:opacity .2s ease-in-out,transform .2s ease-in-out;z-index:10;-webkit-user-select:none;user-select:none;pointer-events:none}.contacts .buttons-contacts div:hover span{opacity:1;transform:scale(1)}.contacts .copyright{font-size:clamp(15px,30%,30%);display:flex;justify-content:center;align-items:center;width:100%;-webkit-user-select:none;user-select:none;color:#fff;margin-bottom:4%;margin-top:4%}.contacts .heart{width:1.5%;min-width:19px;-webkit-user-select:none;user-select:none;pointer-events:none}.contacts .react-logo{width:2%;min-width:25px}.contacts ::selection{background-color:#14ab3745}@media (max-width: 959px){.contacts{font-size:clamp(30px,3.8vw,3.8vw)}.contacts .myContacts{margin-top:clamp(80px,12%,12%);font-size:clamp(30px,195%,195%)}.contacts .contacts-content{flex-direction:column;width:100%;align-items:center}.contacts .mail-form{width:90%;gap:1vw}.contacts .text-for-form{width:90%;font-size:clamp(22px,41%,41%);margin-top:4%}.contacts .buttons-contacts{margin-top:7%;margin-bottom:8%}.contacts .buttons-contacts div{width:16%}.contacts .copyright{font-size:clamp(12px,2.1vw,2.1vw);margin-bottom:min(20px)}.contacts .heart{width:3vw;min-width:16px}.contacts .react-logo{width:4vw;min-width:23px}}@media (max-width: 505px){.contacts .myContacts{font-size:clamp(12vw,12vw,12vw)}.contacts .mail-form{gap:1.4vw}}@media (max-width: 399px){.contacts .text-for-form{font-size:clamp(22px,73%,73%)}.contacts .copyright{font-size:clamp(13px,3.1vw,3.1vw);margin-bottom:5%}.contacts .heart{width:3vw;min-width:16px}.contacts .react-logo{width:4vw;min-width:23px}.contacts button[type=submit]{font-size:28px}.contacts .paper-plane{width:22px}}@media (pointer: coarse){.contacts .buttons-contacts div:hover span{display:none}}@keyframes portfolioShowUp{to{opacity:1}}@keyframes symbolExpShowUp{to{transform:translate(0);opacity:1}}@keyframes react-rotate{to{transform:rotate(360deg)}}@keyframes projectShowUp{to{opacity:1;transform:translate(0)}}.portfolio{position:relative;background-color:#1abcf2;animation:portfolioShowUp .8s cubic-bezier(.4,0,.2,1) forwards;opacity:0;display:flex;flex-direction:column;align-items:center;font-size:clamp(45px,3.8vw,3.8vw);min-height:100vh}.portfolio .myportfolio{font-size:clamp(65px,115%,115%);font-weight:700;color:#f5f5f5;margin-top:7%;margin-left:36%;display:flex;text-shadow:7px 7px 7px rgb(19,159,206)}.projects-board{width:80%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;margin:7% 0 0 4%}.project{display:flex;flex-direction:column;justify-content:space-between;border-radius:12px;width:24%;background-color:#000000a4;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.curtain{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffffeb;border-radius:12px;transform:translateY(-100%);opacity:0;transition:all .3s ease-out;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:53%}.curtain div{color:#000;margin:5% 0;cursor:pointer;font-family:Caveat;transition:color .3s ease}.curtain div:hover{color:#1abcf2}.project:hover .curtain{transform:translateY(0);opacity:1;pointer-events:all}.project-img{width:100%;display:flex;border-radius:12px}.technology-stack{width:100%;display:flex;justify-content:center}.portfolio .copyright{position:absolute;bottom:4%;font-size:30%;color:#f5f5f5;width:100%;text-align:center;text-shadow:0 0 7px #06434067}.portfolio .copyright u{cursor:pointer;transition:color .2s ease;font-size:110%}.portfolio .copyright u:hover{color:#00475f}.portfolio .copyright .heart{width:1.4%;min-width:16px;vertical-align:middle}.portfolio .copyright img:last-child{width:2.3%;min-width:25px;vertical-align:middle;animation:react-rotate 5s linear infinite;-webkit-user-select:none;user-select:none}.portfolio ::selection{background-color:#05a9e0}@media (max-width: 1300px){.projects-board{margin:7% 0 7% 10%}.project{width:32%;margin-bottom:2%}}@media (max-width: 1140px){.projects-board{margin:7% 0 7% 10%}.project{width:32%;margin-bottom:2%}}@media (max-width: 959px){.portfolio{font-size:clamp(50px,7vw,7vw);overflow-x:hidden}.portfolio .myportfolio{margin-top:clamp(80px,12%,12%);font-size:clamp(50px,116%,116%)}.portfolio .copyright{font-size:25%;width:90%}.portfolio .copyright .heart{width:2.2%;min-width:16px}.portfolio .copyright img:last-child{width:3.5%;min-width:25px}.projects-board{width:90%;margin:7% 0 25%}.project{width:49%;margin:1% 0}}@media (max-width: 658px){.projects-board{width:100%}.project{width:48%;margin:1%}}@media (max-width: 505px){.portfolio .copyright{line-height:1.8}.portfolio .myportfolio{font-size:min(44px)}.projects-board{width:100%;justify-content:center;margin-bottom:30%}.project{width:87%}}@media (max-width: 399px){.portfolio{padding:0 5px}.portfolio .myportfolio{margin-right:7%}.portfolio .copyright{font-size:25%}.portfolio .copyright img:last-child{width:3%}.projects-board{margin-bottom:40%}.project{width:87%;margin-bottom:3%}}@keyframes toolsRightShowUp{to{transform:translate(0)}}@keyframes toolsShowUp{to{opacity:1}}.tools{margin-left:105px;display:flex;flex-direction:row;font-size:clamp(45px,3.8vw,3.8vw);animation:toolsShowUp .8s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.tools .tools-left{width:50%;display:flex;flex-direction:column;align-items:center}.tools .myTools{width:80%;font-size:110%;font-weight:700;margin-top:clamp(80px,14%,14%);color:#a189f0}.tools .myTools-briefly{width:80%;margin-top:6%;font-size:40%;color:#f5f5f5;line-height:2.2;opacity:0;transform:translateY(-20%);transition:transform .8s ease,opacity .8s ease,color .7s ease}.tools.light-theme .myTools-briefly{color:#282c34}.tools .myTools-briefly.visible{opacity:1;transform:translateY(0)}.tools .myTools-briefly .img-js{width:4.5%;min-width:22px;vertical-align:sub;pointer-events:none}.tools .myTools-briefly .img-react{width:5.4%;min-width:25px;vertical-align:sub;pointer-events:none}.tools .tools-facts{display:flex;flex-direction:column;align-items:center;width:100%}.tools .line{display:flex;flex-direction:row;justify-content:space-around;width:100%}.tools .cell{display:flex;flex-direction:column;align-items:center;font-size:clamp(14px,33%,33%);width:38%;margin-top:10%;overflow:hidden;opacity:0;transition:opacity .8s ease,transform .8s ease}.tools .cell.left{transform:translate(-20%)}.tools .cell.right{transform:translate(20%)}.tools .cell.visible{opacity:1;transform:translate(0)}.tools .cell img{-webkit-user-select:none;user-select:none;pointer-events:none;width:15%;min-width:33px}.tools .cell-label{text-align:center;padding-top:4%;color:#f2d8ff;line-height:1.7;transition:color .7s ease}.tools.light-theme .cell-label{color:#555}.tools .cell-description{text-align:center;color:#f5f5f5;font-size:70%;line-height:1.8;margin-top:0;margin-bottom:0;transition:color .7s ease}.tools.light-theme .cell-description{color:#444}.tools .tools-left button{margin-top:8%;border:none;margin-bottom:90px;background-color:#a189f0;color:#000000c1;border-radius:8px;width:9.8vw;min-width:110px;height:3.5vw;min-height:44px;font-size:clamp(20px,1.6vw,1.6vw);font-family:Caveat;font-weight:bolder;text-align:center;vertical-align:middle;cursor:pointer;transition:background-color .3s ease,transform .8s ease,opacity .8s ease,color .7s ease;transform:translateY(20%);opacity:0;-webkit-user-select:none;user-select:none}.tools .tools-left button.visible{transform:translateY(0);opacity:1}.tools .tools-left button:hover{background-color:#785ecd}.tools.light-theme .tools-left button{color:#fff}.tools .tools-right{width:50%;background-color:#a189f0;display:flex;flex-direction:column;align-items:center;animation:toolsRightShowUp 1s ease forwards;overflow-x:hidden}.tools .copyright{position:absolute;bottom:2.5%;font-size:25%;display:flex;justify-content:center;align-items:center;width:100%;-webkit-user-select:none;user-select:none;color:#f5f5f5}.tools .copyright u{font-size:110%;cursor:pointer}.tools .heart{width:2.5%;-webkit-user-select:none;user-select:none;pointer-events:none}.tools .react-logo{width:3.8%}.tools ::selection{background-color:#a189f06f}@media (max-width: 959px){.tools{display:flex;flex-direction:column;margin-left:0;font-size:clamp(49px,7vw,7vw)}.tools .tools-left{width:100%}.tools .myTools,.tools .myTools-briefly{width:90%}.tools .myTools-briefly .img-react{width:4vw;min-width:28px}.tools .tools-left button{width:18.2vw;min-width:120px;height:6.5vw;min-height:47px;font-size:clamp(20px,2.9vw,2.9vw);border-radius:10px}.tools .tools-right{width:100%}.tools .copyright{font-size:clamp(12px,2.1vw,2.1vw);bottom:clamp(20px,2.5%,2.5%)}.tools .heart{width:3vw;min-width:16px}.tools .react-logo{width:4vw;min-width:23px}}@media (max-width: 463px){.tools .myTools{font-size:clamp(30px,12vw,12vw)}}@media (max-width: 399px){.tools .cell{width:47%}.tools .copyright{font-size:3.1vw}.tools .heart{width:4vw}.tools .react-logo{width:5vw}}@media (pointer: coarse){.tools .tools-left button:hover{background-color:#a189f0}.tools .tools-left button:active{background-color:#785ecd}}@keyframes sliderShowUp{to{opacity:1;transform:translate(0)}}.slider-container{width:80%;margin-top:29%;min-width:320px;animation:sliderShowUp 1.1s cubic-bezier(.1,.3,.3,1);opacity:0;transform:translate(-110%)}.slider{width:100%;height:100%;position:relative;display:flex;justify-content:center}.slider-monitor{width:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.slider-img{position:absolute;object-fit:contain;transition:opacity .8s cubic-bezier(.4,0,.2,1);pointer-events:none;aspect-ratio:1/1}@media (max-width: 1400px){.slider-container{margin-top:34%}}@media (max-width: 1300px){.slider-container{margin-top:38%}}@media (max-width: 1200px){.slider-container{margin-top:42%}}@media (max-width: 1100px){.slider-container{margin-top:47%}}@media (max-width: 1000px){.slider-container{margin-top:52%}}@media (max-width: 959px){.slider-container{margin-top:10%;margin-bottom:20%}}@media (max-width: 399px){.slider-container{min-width:230px}}@media (pointer: coarse){.slider-container{pointer-events:none}}.snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.snowflake{position:absolute;top:-10px;background-color:#fff;border-radius:50%;opacity:.8;animation:fall linear infinite}@keyframes fall{0%{transform:translateY(0) translate(0);opacity:.8}50%{transform:translateY(50vh) translate(var(--drift, 0));opacity:1}to{transform:translateY(100vh) translate(calc(var(--drift, 0) * 2));opacity:.3}}.garland-container{position:fixed;top:1.5%;left:0;width:100vw;height:150px;pointer-events:none;z-index:9998;overflow:hidden;perspective:1000px;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.garland-line{position:absolute;top:0;left:0;width:100%;height:80px;background:none;animation:garland-sway 6s cubic-bezier(.4,0,.2,1) infinite}.garland-line:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.3) 5%,rgba(255,215,0,.5) 50%,rgba(255,215,0,.3) 95%,transparent 100%);border-radius:50px;transform:translateY(0);clip-path:path("M 0,0 Q 50%,70 100%,0")}.garland-bulbs{position:absolute;top:0;left:0;width:100%;height:100%;animation:garland-sway 6s cubic-bezier(.4,0,.2,1) infinite}.garland-bulb{position:absolute;width:12px;height:12px;border-radius:50%;background:gold;box-shadow:0 0 10px #ffd700cc,0 0 20px #ffd70099,inset 0 0 5px #ffffff80;animation:bulb-flicker 2s ease-in-out infinite,bulb-hang 6s cubic-bezier(.4,0,.2,1) infinite;transform:translate(-50%)}.garland-bulb:nth-child(odd){background:#ff6b6b;box-shadow:0 0 10px #ff6b6bcc,0 0 20px #ff6b6b99,inset 0 0 5px #ffffff80;animation-duration:2s,6s}.garland-bulb:nth-child(3n){background:#4ecdc4;box-shadow:0 0 10px #4ecdc4cc,0 0 20px #4ecdc499,inset 0 0 5px #ffffff80;animation-duration:2.4s,6s}.garland-bulb:nth-child(4n){background:#ffe66d;box-shadow:0 0 10px #ffe66dcc,0 0 20px #ffe66d99,inset 0 0 5px #ffffff80;animation-duration:1.8s,6s}.garland-bulb-first,.garland-bulb-last{transform:none;animation:bulb-flicker 2s ease-in-out infinite,bulb-hang-edge 6s cubic-bezier(.4,0,.2,1) infinite}.garland-bulb-first:nth-child(odd),.garland-bulb-last:nth-child(odd){animation-duration:2s,6s}.garland-bulb-first:nth-child(3n),.garland-bulb-last:nth-child(3n){animation-duration:2.4s,6s}.garland-bulb-first:nth-child(4n),.garland-bulb-last:nth-child(4n){animation-duration:1.8s,6s}@keyframes garland-sway{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(2px) translate(-1px)}50%{transform:translateY(4px) translate(0)}75%{transform:translateY(2px) translate(1px)}}@keyframes bulb-hang{0%,to{transform:translate(-50%) translateY(0)}25%{transform:translate(calc(-50% - 1px)) translateY(2px)}50%{transform:translate(-50%) translateY(4px)}75%{transform:translate(calc(-50% + 1px)) translateY(2px)}}@keyframes bulb-hang-edge{0%,to{transform:translateY(0)}25%{transform:translate(-1px) translateY(2px)}50%{transform:translateY(4px)}75%{transform:translate(1px) translateY(2px)}}@keyframes bulb-flicker{0%,to{opacity:1;filter:brightness(1)}25%{opacity:.7;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.2)}75%{opacity:.8;filter:brightness(.9)}}@media (max-width: 959px){.garland-container{height:80px;top:10px}.garland-line{height:40px}.garland-line:before{clip-path:path("M 0,0 Q 50%,40 100%,0")}.garland-bulb{width:10px;height:10px}}