header{color:#8fa7df;height:55px;display:block;position:fixed;z-index:100}@media (min-width:650px){header{display:flex;justify-content:flex-end;align-items:center;width:100vw}}header nav{width:100vw;height:100vh;background:#8fa7df;clip-path:circle(10% at 120% -20%);transition:clip-path 1s ease-in-out}@media (min-width:650px){header nav{width:45%;height:100%;background-color:#0a0c13;clip-path:none;margin-right:40px}}header nav ul{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;font-weight:700;font-size:8rem;height:100%;color:#0a0c13}header nav ul li{list-style:none}@media (min-width:650px){header nav ul{flex-direction:row;color:#8fa7df;font-size:2.2rem}}header .nav_active{clip-path:circle(100%)}header .header_ham{position:absolute;right:0;top:20px;z-index:200}@media (min-width:650px){header .header_ham{display:none}}.home{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:100vw;height:100vh}.home__container{width:100vw;height:100vh;flex-direction:column}.home__sitting_avater{position:fixed;left:50%;transform:translateX(-50%);z-index:-1}@media (min-width:650px){.home__sitting_avater{left:50px;top:50%;transform:translateY(-50%)}}.home__sitting_avater img{width:200px;object-fit:cover}@media (min-width:650px){.home__sitting_avater img{width:300px}}.home__title{opacity:0;color:#8fa7df;transform:translateY(-20px);animation:title_init 1s ease-in 3s normal forwards}.home__text_info{align-self:flex-start;margin-left:60px;height:100vh;position:relative;z-index:-1;position:absolute;top:350px;display:flex;justify-content:flex-start;align-items:flex-start;gap:200px;flex-direction:column}@media (min-width:650px){.home__text_info{width:50%;right:60px;top:50%}}.home__text_info .subtitle{font-size:3rem;font-weight:700;opacity:0;transform:translateX(-20px);animation:subtitle_init 1s ease-in 3.5s normal forwards}.home__text_info .subtitle span{display:block}.home__text_block{width:90%;position:relative}.home__course{opacity:0;transform:rotateX(180deg)}.home__work{opacity:0}.home__early{opacity:0;transform:rotateX(180deg)}.home__early_sun{transform:translate(-50px,50px);opacity:0}.home p{font-size:1.8rem;line-height:23px}@keyframes title_init{50%{opacity:.5;color:#8fa7df}100%{transform:translateY(0);opacity:1;color:#fff}}@keyframes subtitle_init{100%{transform:translateX(0);opacity:1}}.work{width:100vw;display:flex;justify-content:center;align-items:center}.work__container{width:80%;margin-top:calc(55px + 30px);position:relative;z-index:1}.work__timeline{width:80%;display:flex;justify-content:center;align-items:center}.work__timeline_bar{height:550px;margin-bottom:40px;width:2px;background:linear-gradient(to top,#8fa7df,#0a0c13);visibility:hidden;transform:scale(0);transform-origin:top;animation:barIntro 2s ease-in 1s forwards}@media (min-width:650px){.work__timeline_bar{visibility:visible}}.work__timeline_projects{margin-left:70px}.work__timeline_projects_title{font-size:4rem;font-weight:bolder;margin-left:40px;transform:translateY(-20px);opacity:0;animation:intro 1s ease-in 0s forwards}.work__timeline_projects_list{transform:translateX(-50px);opacity:0;animation:intro 1s ease-in 1s forwards}@keyframes intro{to{transform:translate(0,0);opacity:1}}@keyframes barIntro{to{transform:scale(1)}}.about{width:100vw;display:flex;justify-content:center;align-items:center;font-weight:700}.about__container{width:80%;margin-top:calc(55px + 30px);position:relative;z-index:1;padding-left:70px;padding-bottom:100px;opacity:0;transform:translateX(-20px);animation:aboutIntro 2s ease-in-out 0s forwards}@media (max-width:650px){.about__container{width:100%;padding-left:20px}}.about__title{color:#fff;font-size:4rem;font-weight:bolder;width:250px;display:flex;justify-content:space-between;align-items:flex-end}.about__title button{margin-bottom:6px}.about__bio{font-size:1.9rem;margin-top:15px;font-weight:700;margin-bottom:50px}.about__skill_list{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;margin-top:20px;width:80%}.about__skill_block .title{font-size:1.8rem;font-weight:bolder}.about__skill_block ul{margin-top:10px;margin-left:30px;line-height:25px;list-style:none;font-weight:bolder}.about__edu{margin-top:50px}.about__hobbies{margin-top:50px}.about_subs{font-size:2.5rem;font-weight:bolder;margin-top:25px}.about_bio{margin-top:20px;font-size:1.8rem}@keyframes aboutIntro{to{transform:translateX(0);opacity:1}}.sudo_scrollBar{position:fixed;left:30px;bottom:0;display:flex;justify-content:center;align-items:center;flex-direction:column}@media (min-width:650px){.sudo_scrollBar{right:70px;left:auto}}.sudo_scrollBar__bottom_bar{width:1px;height:50vh;background-image:linear-gradient(to bottom,#8fa7df,rgba(0,0,0,0));transform:scale(1);transform-origin:bottom;opacity:1}.sudo_scrollBar__top_bar{width:1px;height:50vh;transform:scale(0);transform-origin:bottom;background-image:linear-gradient(to top,#8fa7df,rgba(0,0,0,0));opacity:0}.sudo_scrollBar__circle{width:15px;height:15px;border-radius:50%;opacity:0;transform-origin:center;transform:scale(0);animation:bar_circle_init 1s ease-in 0s normal forwards;position:relative}.sudo_scrollBar__circle::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;border:1px solid #8fa7df;transform-origin:center;transform:scale(0);border-radius:50%;opacity:1;animation:bar_circle_wave 2s ease-out 1s normal forwards}@keyframes bar_bottom_init{to{transform:scale(100%)}}@keyframes bar_circle_init{50%{opacity:1;border:2px solid #8fa7df;background-color:transparent;transform:scale(150%)}85%{opacity:1;border:2px solid #8fa7df;background-color:transparent;transform:scale(100%)}100%{background-color:#8fa7df;opacity:1;transform:scale(100%)}}@keyframes bar_circle_wave{100%{opacity:0;transform:scale(450%)}}.hamburger_container{width:50px;height:50px;margin-top:-10px;display:flex;justify-content:center;align-items:center}.hamburgerMenu{position:relative;width:30px;height:2px;background-color:#fff;margin-right:10px}.hamburgerMenu::before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:-10px;margin-bottom:10px;width:20px;height:2px;background-color:#fff}.hamburgerMenu::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-20px;margin-bottom:10px;width:20px;height:2px;background-color:#fff}.home__thanks{padding-bottom:230px;opacity:0}@media (min-width:650px){.home__thanks{width:90vw;transform:translate(-48%,-20%);padding-bottom:20%}}@media (min-height:1366px){.home__thanks{transform:translate(-45%,-20%);padding-bottom:100%}}.home__thanks_contact{width:200px;margin-top:20px}.home__thanks_contact_socials{display:flex;justify-content:space-between;align-items:center;gap:30px;width:100px;margin-top:10px;font-size:4rem}.home__thanks_madeWith{margin-top:40px;color:#1a2539;font-size:1.7rem}.home__thanks_madeWith ul{list-style:none;font-size:1.5rem;line-height:20px;font-weight:700;display:flex;gap:40px}@media (min-width:650px){#home__thankYou{font-size:6rem}}.home__pic_block{width:100%;height:100%;display:flex;justify-content:flex-end;align-items:flex-start}.home__pic_block_img{animation:sun_rotate 1s linear none infinite alternate}.home__pic_block img{width:200px;height:200px;object-fit:contain}@keyframes sun_rotate{0%{transform:rotate(10deg)}100%{transform:rotate(-10deg)}}.workHolder__container{width:100vw;padding:30px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin:15px 0}@media (min-width:650px){.workHolder__container{width:800px}}.workHolder__prj_logo img{width:100px;height:100px;border-radius:50%}.workHolder__prj_info{flex-grow:1;margin-left:30px}.workHolder__prj_info_title{font-size:3rem;font-weight:700}.workHolder__prj_info_desc{font-size:1.4rem}.projectInfo{width:100vw;height:100vh;position:fixed;background-color:#0a0c13;z-index:200;clip-path:circle(0 at 0 0);transition:clip-path 1.5s ease-in-out}@media (min-width:650px){.projectInfo__info{width:60%;float:right}}.projectInfo__container{height:100%;width:100%}.projectInfo__background{visibility:hidden;position:absolute;background-repeat:no-repeat!important}@media (min-width:650px){.projectInfo__background{background-size:cover;visibility:visible;height:100vh;width:35%}}.projectInfo__background img{opacity:.3}.projectInfo__hide{font-size:3.5rem;position:absolute;top:15px;right:15px;cursor:pointer}.projectInfo__title{font-size:2.5rem;padding:60px 25px 20px 25px}.projectInfo__desc{font-size:1.9rem;padding:0 25px}.prj_active{clip-path:circle(100%)}.mainButton{padding:.3rem 2rem;border-radius:1000px;background-color:#8fa7df;font-weight:700;display:flex;justify-content:center;align-items:center;gap:10px}.mainButton:hover{background-color:#6788d4;cursor:pointer}.highlight{color:#8fa7df}.highlight_hk{color:#993762}.highlight_emo{color:#048c5c}.highlight_drm{color:#047089}.title_text{font-size:7rem;font-weight:900;margin-bottom:10px}.title_small{font-size:4rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Raleway}html{font-size:60.5%;overflow-x:hidden;position:relative;height:100%}body{background-color:#0a0c13;color:#fff;height:100%;font-size:1.5rem}button{outline:0;border:none}p{margin-bottom:10px}a,a:active,a:focus,a:hover{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0c13}::-webkit-scrollbar-thumb{background:#8fa7df;border-radius:500px}::-webkit-scrollbar-thumb:hover{background:#f2f5fb}