@font-face{font-family:Menlo;font-weight:400;font-style:normal;src:url(/personal-site/fonts/Menlo-Regular.ttf) format("ttf")}.custom_button{transition:.2s;border-radius:100px;background:#c3c3c31a;color:#949494;text-align:center;display:flex;justify-content:center;align-items:center}.custom_button:hover{color:#fff;background:#c3c3c326}.custom_button:active{background:#c3c3c333}.arrow_icon{fill:none;transition:.2s;margin-left:10px;stroke:#949494}.custom_button:hover .arrow_icon{margin-left:15px;stroke:#fff}@font-face{font-family:Menlo;font-weight:400;font-style:normal;src:url(/personal-site/fonts/Menlo-Regular.ttf) format("ttf")}.header_container{position:sticky;top:20px;width:1200px;z-index:9999;display:flex;justify-content:flex-end;align-items:center}.header_menu{position:absolute;left:50%;padding:4px;border-radius:100px;background:#35353580;transform:translate(-50%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.header_btn_to{padding:8px 16px;transition:color .2s;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:500;color:#bfbfbf}.header_btn_to:hover,.header_btn_to._active{color:#fff}.project_indicator{width:8px;height:8px;margin-right:10px;border-radius:100px;background:#ff4141}.header_btn_bg{position:absolute;height:40px;z-index:-1;border-radius:100px;background:#bcbcbc26;transition:width .3s,transform .3s}@font-face{font-family:Menlo;font-weight:400;font-style:normal;src:url(/personal-site/fonts/Menlo-Regular.ttf) format("ttf")}.round_button{transition:.2s;border-radius:100px;background:#c3c3c31a;display:flex;justify-content:center;align-items:center}.round_button:hover{background:#c3c3c326}.round_button:active{background:#c3c3c333}@font-face{font-family:Menlo;font-weight:400;font-style:normal;src:url(/personal-site/fonts/Menlo-Regular.ttf) format("ttf")}.changelog_modal{max-width:500px;max-height:400px;border-radius:30px;background:#1c1c1e;padding:15px 15px 30px 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.changelog_modal_header{width:100%;margin-bottom:15px;padding:0 0 0 15px;display:flex;justify-content:space-between;align-items:flex-start}.changelog_title{font-size:24px;font-weight:400;color:#fff}.update_list{width:100%;overflow-y:auto;overflow-x:hidden;padding:0 5px 0 15px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:15px}.update_card{width:100%;border-bottom:1px solid #2f2f2f;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.update_card:last-child{border-bottom:none}.update_text{font-size:16px;font-weight:400}.update_version{margin-bottom:5px;color:#fff}.update_date{margin-bottom:15px;color:#949494}.update_descripton{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5px;color:#949494}.update_descripton:last-child{margin-bottom:15px}@font-face{font-family:Menlo;font-weight:400;font-style:normal;src:url(/personal-site/fonts/Menlo-Regular.ttf) format("ttf")}.project_modal{width:1200px;padding:15px;overflow:hidden;border-radius:30px;background:#1c1c1e;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:15px}.project_modal_header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px}.project_modal_card_name{font-size:34px;font-weight:500;color:#fff}.project_modal_content{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;gap:25px}.project_large_video{min-width:600px;height:350px;object-fit:cover;border-radius:20px;background:#2f2f2f}.modal_project_info{height:350px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.info_text_content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.project_title{margin-bottom:5px;font-size:18px;font-weight:400;color:#949494}.project_detail{margin-bottom:20px;font-size:20px;font-weight:400;color:#fff}.project_technologies_container{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:5px}.tech_name{padding:6px 12px;border-radius:100px;font-size:18px;font-weight:500;color:#000}@font-face{font-family:Menlo;font-weight:400;font-style:normal;src:url(/personal-site/fonts/Menlo-Regular.ttf) format("ttf")}.footer_container{width:1200px;margin-bottom:30px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.changelog_button_container{width:100%;height:20px;display:flex;justify-content:center;align-items:center}.media_container{width:100%;display:flex;justify-content:space-between;align-items:flex-start}.footer_first_block,.footer_second_block{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px}.footer_second_block{align-items:flex-end}.footer_text{font-size:16px;font-weight:400;color:#949494}.social_link{transition:.2s;display:flex;align-items:center}.social_link:hover{color:#fff}.footer_social_container{display:flex;justify-content:flex-start;align-items:flex-start;gap:30px}@font-face{font-family:Menlo;font-weight:400;font-style:normal;src:url(/personal-site/fonts/Menlo-Regular.ttf) format("ttf")}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:15px;background:#2b2a2a}::-webkit-scrollbar-thumb:hover{background:#7a7a7a}a{cursor:pointer;text-decoration:none}button{border:none;cursor:pointer;background:none}.card_viewing_sign,.folder_icon,.close_icon,.album_art_image,.control_btn,.image,.lang_icon,.close_file_icon,.toolbar_btn,.tool_icon,.map_image{-webkit-user-select:none;user-select:none}.image_block_container,.text_content_container,.music_block_container,.code_editor,.tool_block_container,.quotes_block_container{overflow:hidden}.page_title{margin-bottom:30px;font-size:34px;font-weight:500;color:#fff}.modal_container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2e2e2e1a;display:flex;justify-content:center;align-items:center}.block_title{margin-bottom:15px;font-size:24px;font-weight:500;color:#949494}.courgette_font{font-weight:400;font-family:Courgette,cursive;font-style:normal;line-height:normal}.menlo_font{font-family:Menlo}.show-modal-enter-active,.show-modal-leave-active{transition:all .3s cubic-bezier(.25,.1,.25,1)}.show-modal-enter-from,.show-modal-leave-to{opacity:0}.show-modal-enter-to,.show-modal-leave-from{opacity:1}@media (max-width: 1240px){body .about_page_container,body .projects_page_container,body .footer_container,body .home_filling_text_section,body .home_section{width:calc(100vw - 40px)}body .header_container{width:100%}body .home_skills_block{width:calc(100vw - 40px);flex-direction:column;justify-content:center;align-items:center;gap:40px}body .skills_wrapper{width:100%;justify-content:center}body .physical_icons_container{width:100%}body .project_modal{width:600px}body .project_modal_content{flex-direction:column;justify-content:center;align-items:flex-start}body .project_large_video{min-width:100%;height:300px}body .modal_project_info{height:auto;justify-content:flex-start;gap:25px}}@media (max-width: 1040px){body .home_intro_text_animation,body .typing_text{font-size:calc(43px + 57 * (100vw - 320px) / 880)}body .web_title{font-size:calc(48px + 72 * (100vw - 320px) / 880)}body .letter_b{margin-right:10px}body .home_about_me_text span{font-size:calc(30px + 10 * (100vw - 320px) / 880)}body .outro_text,body .word_change{font-size:calc(25px + 45 * (100vw - 320px) / 880)}body .button_color{font-size:calc(20px + 35 * (100vw - 320px) / 880)}body .blocks_row{width:675px}body .block1>:nth-child(1){order:1}body .block1>:nth-child(2){order:3}body .block1>:nth-child(3){order:2}body .block1>:nth-child(4){order:5}body .block1>:nth-child(5){order:4}body .message_block{width:60%;height:250px}body .block2{flex-direction:column;justify-content:center;align-items:center}body .block2 .tool_block_container,body .block2 .quotes_block_container{width:100%}}@media (max-width: 815px){body .projects_list{justify-content:center}}@media (max-width: 740px){body .about_page_container{transform:scale(1.1)}body .blocks_row{width:326px;justify-content:center}body .block1>:nth-child(1){order:2}body .block1>:nth-child(2){order:1}body .block1>:nth-child(3){order:3}body .message_block{width:100%;height:auto}body .code_text{font-size:13px}}@media (max-width: 640px){body .skills_card{width:100%}body .outro_text{gap:10px}body .button_color{padding:0 12px}body .projects_page_title{margin-top:15vh}body .project_card_info,body .home_project_card_info{opacity:1;background:none}body .modal_container{width:100dvw;height:100dvh}body .project_modal{width:calc(100vw - 40px)}body .project_modal_card_name{font-size:32px}body .project_title{margin-bottom:5px;font-size:16px}body .project_detail{margin-bottom:15px;font-size:18px}body .project_large_video{width:calc(100% - 40px);height:auto}body .page_title{margin-bottom:20px}body .footer_container{gap:50px;margin-bottom:25px}body .media_container{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px}body .footer_first_block,body .footer_second_block{gap:10px}body .footer_second_block{align-items:flex-start}}@media (max-width: 440px){body .header_container{width:100%;justify-content:space-between}body .header_menu{position:relative;left:0;transform:translate(0)}body .home_about_me_text span{color:#fff}body .tech_name{font-size:16px}body .project_btn{width:100%}}@media (max-width: 390px){body{padding:15px!important}body .home_skills_block,body .about_page_container,body .projects_page_container,body .footer_container,body .home_filling_text_section,body .home_section{width:calc(100vw - 30px)}body .about_page_container{transform:scale(1)}body .blocks_row{width:100%}body .block_title{font-size:22px}body .quote_text{font-size:18px}body .author_of_the_quote{font-size:16px}body .code_text{font-size:12px}body .project_modal_card_name{font-size:28px}}body{width:100vw;height:100vh;min-width:320px;padding:20px;overflow-x:hidden;overflow-y:scroll;background:#111;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;font-size:16px;font-weight:400;color:#fff;font-family:Roboto,sans-serif}