@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap);*{margin:0;padding:0;font-family:Mulish;color:#eefbff;box-sizing:border-box}a{text-decoration:none}a:hover{text-decoration:none}ul{list-style:none}ul li{list-style:none}body{background-color:#4a4a4a}html{scrollbar-color:#93dcfb #a3a3a3;scrollbar-width:thin;scroll-behavior:smooth}.container{margin:0 auto;max-width:1600px;width:100%;padding:0 60px}header{padding:30px 20px 0 20px}.menu{height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 8px 0 24px;border:solid 1px #c4c4c4;border-radius:36px}.menu_tg{height:61px}.menu_main{width:570px;display:flex;justify-content:space-between;align-items:center}.menu_main li{font-size:28px;font-weight:600}.menu_link{display:block;padding:12px 18px;border-radius:9999px;transition:all .5s ease-in-out}.menu_link:hover{background:rgba(147,220,251,.7)}.tg_icon path{fill:#fff;transition:all .5s}.tg_icon:hover path{fill:#93dcfb}@keyframes ellipse_move{0%{border-radius:50% 40% 20% 30%}25%{border-radius:20% 30% 40% 20%}50%{border-radius:50% 20% 30% 40%}75%{border-radius:30% 40% 20% 30%}100%{border-radius:40% 50% 40% 20%}}.main{height:calc(100vh - 100px);position:relative;display:flex;align-items:center;justify-content:center;overflow-x:hidden}.main .ellipse{position:absolute;width:60%;height:50%;background:linear-gradient(45deg,#93dcfb,#93cefb);opacity:.5;filter:blur(40px);z-index:-10;top:50%;left:50%;transform:translate(-50%,-50%);animation:ellipse_move 14s infinite alternate}.main_wrap{display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}.main_hello{font-size:40px;font-weight:600;font-family:Nunito}.main_title{font-size:56px;font-weight:800;margin-top:22px;font-family:Nunito}.main_bg div{position:absolute;width:25px;height:25px;border:solid 2px #93dcfb}.main_bg div:nth-child(1){top:40%;left:80%;animation:animate 5s infinite linear;width:28px;height:28px}.main_bg div:nth-child(2){top:20%;left:40%;animation:animate 11s infinite linear}.main_bg div:nth-child(3){top:30%;left:90%;animation:animate 7s infinite linear;width:30px;height:30px}.main_bg div:nth-child(4){top:80%;left:10%;animation:animate 8s infinite linear}.main_bg div:nth-child(5){top:10%;left:70%;animation:animate 12s infinite linear}.main_bg div:nth-child(6){top:90%;left:30%;animation:animate 10s infinite linear;width:32px;height:32px}.main_bg div:nth-child(7){top:10%;left:20%;animation:animate 9s infinite linear}.main_bg div:nth-child(8){top:30%;left:10%;animation:animate 6s infinite linear;width:23px;height:23px}.main_bg div:nth-child(9){top:90%;left:90%;animation:animate 7s infinite linear}@keyframes animate{0%{transform:scale(0) rotate(360deg);opacity:.8}100%{transform:scale(1.5) rotate(-225deg);opacity:0;border-radius:50%}}.title{font-size:46px;font-weight:700;font-family:Nunito}.btn_link{display:block;width:-moz-fit-content;width:fit-content;height:max-content;text-align:center;padding:10px 14px;font-size:26px;font-weight:500;position:relative;color:#93dcfb;transition:all .9s ease-in-out}.btn_link span::after,.btn_link span::before,.btn_link::after,.btn_link::before{content:"";position:absolute;background:#93dcfb;transition:all .5s ease-in-out}.btn_link::before{width:3px;height:25px;left:0;bottom:0}.btn_link::after{width:3px;height:25px;right:0;top:0}.btn_link span::before{width:46px;height:3px;left:0;bottom:0}.btn_link span::after{width:46px;height:3px;right:0;top:0}.btn_link:hover{background:rgba(255,255,255,.1)}.btn_link:hover::after,.btn_link:hover::before{height:100%}.btn_link:hover span::after,.btn_link:hover span::before{width:100%}.frame{position:relative;height:max-content}.frame::after{content:"";width:100%;height:100%;position:absolute;bottom:35px;left:35px;border:2px solid rgba(147,220,251,.5);z-index:-1}.about{min-height:928px;padding:64px 0 100px 0}.about_wrap{display:flex;gap:190px;padding-bottom:30px}.about_photo{display:block;width:434px;height:565px;-o-object-fit:cover;object-fit:cover;z-index:10}.about_text{display:flex;flex-direction:column}.about_text .btn_link{margin-top:auto}.about_descr{font-size:20px;font-weight:500;margin:28px 0 6px;line-height:153%}.about_descr p{padding:5px 0}.about .btn_link{margin-top:12px}.about .skills{font-size:28px;font-weight:500;margin-top:70px}.about .skills_title{font-size:32px;font-weight:600}.about .skills_wrap{margin-top:15px;display:flex;flex-wrap:wrap;gap:10px}.about .skills_item{width:calc((100% - 30px)/ 4);display:flex;align-items:center;justify-content:center;gap:18px;padding:20px;background:linear-gradient(135deg,rgba(147,220,251,.3) 0,rgba(123,216,255,.5) 50%,rgba(147,220,251,.3) 100%);background-size:200% 200%;background-position:0 0;border-radius:5px;transition:all 2s}.about .skills_item:hover{background-position:100% 50%}.about .skills_item_icon{width:auto;height:70px;max-width:150px;-o-object-fit:contain;object-fit:contain}.about .skills_item:last-child .skills_item_name{width:min-content}.about .prop_item{width:calc((100% - 10px)/ 2)}.about .prop_item svg{filter:drop-shadow(3px 5px 0 rgba(24, 27, 27, .2))}.portfolio{padding:110px 0 90px}.portfolio .title{text-align:center;margin-bottom:22px}.portfolio_item{display:flex;padding:92px 0 72px;border-bottom:1px solid rgba(147,220,251,.5);gap:18px}.portfolio_item:last-child{border-bottom:none}.portfolio_img{width:380px;height:267px;-o-object-fit:cover;object-fit:cover;margin-right:150px}.portfolio_text{display:flex;flex-direction:column;justify-content:space-between;min-height:267px}.portfolio_name{font-size:28px;font-weight:600;margin-bottom:26px}.portfolio_descr{font-size:22px;font-weight:400}.portfolio_descr li{position:relative;padding:6px 0}.portfolio_descr li::before{content:"";width:10px;height:10px;background:#93dcfb;opacity:.3;position:absolute;bottom:7px;left:-3px}.portfolio .btn_wrap{margin-left:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:end}.portfolio .btn_github{font-size:20px;color:#c6f1fe;text-decoration:underline;text-underline-offset:3px;opacity:.8;transition:all .4s}.portfolio .btn_github:hover{opacity:1}.portfolio .btn_link{margin-left:auto}.portfolio .link_wrap{display:flex;flex-direction:column;align-items:end}.portfolio .link_wrap .btn_link{margin-top:16px}.portfolio .here::after,.portfolio .here::before{display:none}.portfolio .here:hover{background:0 0}.portfolio .here path{fill:#93dcfb}.contact{padding:40px 0 60px}.contact_wrap{display:flex;align-items:center;justify-content:space-between;gap:60px;margin-top:40px}.contact_left{flex-shrink:0;width:460px;height:400px;padding:60px;background:linear-gradient(135deg,rgba(123,216,255,.5) 0,rgba(147,220,251,.8) 100%);border-radius:10px;display:flex;padding:60px;justify-content:start;align-items:start}.contact_right{display:flex;flex-direction:column;gap:26px}.contact_item{display:flex;align-items:center;-moz-column-gap:24px;column-gap:24px;row-gap:12px;justify-content:end;flex-wrap:wrap}.contact_title{font-size:22px;font-weight:500;display:flex;align-items:center;gap:10px}.contact_title span{color:#93dcfb;opacity:.8}.contact_icon path{fill:#93dcfb;opacity:.8}.contact_value{font-size:26px;font-weight:500}.contact .mail{width:78px;height:auto;offset-path:path("M26 10.0001C46.9999 -4.49994 83.5 -.5 96.0001 10.0001C108.5 20.5001 120.5 29.5 132 50C143.5 70.5 146.5 91.5 135.5 107C125.21 121.5 104.5 131 85 119.5C66.791 108.761 57.2373 78.088 73 56.5C96.0001 25 143.842 44.5 171 56.5C201 69.7558 237 109.5 240.5 123.5C243.024 133.597 249.5 156 234.5 174.5C222.31 189.535 200 191.5 184 180.5C173.91 173.563 160.5 147.5 180.5 127C200.5 106.5 254.9 102.8 272.5 114C307 135.955 312.632 153 309 191.5C306.683 216.059 272 260.891 220.5 262.5C162 264.328 100.5 255 46.5001 200C10.1638 162.991 .5 115.856 .5 89C.5 66.5 5.00009 24.5001 26 10.0001Z");animation:motion 10s ease-in infinite}.contact_btn{color:#fff;font-size:22px;font-weight:600;padding:8px 22px;background:linear-gradient(135deg,rgba(123,216,255,.5) 0,rgba(147,220,251,.8) 100%);border-radius:5px;outline:2px solid rgba(0,0,0,0);transition:all .3s ease-in}.contact_btn:hover{background-image:none;background:0 0;outline:2px solid #93dcfb;color:#93dcfb}@keyframes motion{100%{offset-distance:100%}}footer{padding:14px 0;background:rgba(147,220,251,.2)}footer .menu{border:none;padding:0}footer .menu_link{font-size:20px;font-weight:400}footer .tg_icon{width:40px}.hamburger{display:none;width:40px;height:28px;flex-direction:column;justify-content:space-between;margin-left:12px;z-index:2000;transition:all 1s}.hamburger span{width:100%;height:3px;background:#fff;transition:all 1s}.hamburger span:nth-child(2){width:80%}.about_info{margin-top:20px;font-size:20px}.about_subtitle{font-size:26px;margin-bottom:10px}.about_experience{display:flex;flex-direction:column;gap:8px}.about_experience-item{padding-left:20px;position:relative}.about_experience-item::after{content:"✧";position:absolute;top:50%;left:0;transform:translateY(-50%);opacity:.3}@media (max-width:1200px){.about .skills_item{width:calc((100% - 20px)/ 3)}.about .prop_item{width:calc((100% - 10px)/ 2)}.about_wrap{gap:10%}.portfolio_img{margin-right:20px}}@media (max-width:992px){.about .skills{font-size:26px}.about .skills .prop_item{width:100%}.about .skills_item{gap:8px}.about .skills_item_icon{max-width:80px}.about .frame{width:40%;flex-shrink:0}.about .frame::after{bottom:25px;left:25px}.about_photo{width:100%;height:450px}.portfolio_img{width:250px;height:180px}.contact_left{width:300px;justify-content:center;padding:60px 0}.contact .mail{offset-path:path("M47.0001 1C70 .999967 94.5 26 94.5 55C94.5 84 69.5 108 51.5001 127.5C33.5002 147 4 164.5 4 199C4 233.5 26.0002 260.5 51.5001 260.5C77 260.5 94.5 234 94.5 202C94.5 170 67.5001 150.5 47.0001 127.5C32.2941 111.001 1 93.7072 1 55C.999998 23 24.0002 1.00003 47.0001 1Z")}}@media (max-width:768px){.container{padding:0 30px}.menu{padding:0 8px}.menu_main{width:70%;min-width:400px}.menu_main li{font-size:24px}.menu_main li a{padding:6px 8px}.title{font-size:38px}.main_hello{font-size:28px}.main_title{font-size:40px}.main .ellipse{animation:none}.about .skills_item{width:calc((100% - 10px)/ 2)}.about .skills_item_name{text-align:center}.about_wrap{flex-direction:column-reverse;gap:60px}.about .frame{width:100%}.about .frame::after{bottom:10px;left:10px}.portfolio_item{flex-direction:column}.portfolio_img{margin-right:0}.portfolio .btn_wrap{flex-direction:row;margin-left:0}.portfolio_descr{font-size:20px}.contact .container{position:relative}.contact_wrap{flex-direction:column;align-items:start}.contact_item{flex-wrap:wrap;justify-content:start}.contact_left{position:absolute;background:0 0;right:0;top:12px;padding:0;width:auto;height:auto;padding-right:30px}.contact .mail{offset-path:none;transition:ease-in;animation:turn 5s;animation-iteration-count:infinite;width:42px;height:auto}}@keyframes turn{0%,100%{transform:rotate(0)}30%{transform:rotate(30deg)}70%{transform:rotate(-20deg)}90%{transform:rotate(5deg)}}@media (max-width:576px){.about .skills_item{flex-direction:column}.portfolio_img{width:100%;height:260px}.portfolio_text{min-height:0;gap:20px}.menu_pop{position:fixed;top:0;left:-110%;z-index:1000;flex-direction:column;justify-content:center;gap:30px;width:80%;min-width:100px;height:100%;background:rgba(0,0,0,.9);transition:all 1s ease-in}.menu_pop li{font-size:24px}.menu_pop_active{left:0}.hamburger{display:flex}.hamburger_active{justify-content:center;align-items:center}.hamburger_active span:nth-child(1){transform:translateY(3px) rotate(-45deg)}.hamburger_active span:nth-child(2){width:0%;opacity:0}.hamburger_active span:nth-child(3){transform:translateY(-3px) rotate(45deg)}footer .menu_main{display:none}footer .menu_tg{margin-left:auto}}@media (max-width:454px){.contact_item{flex-direction:column;align-items:start}}