html{scroll-behavior:smooth;font-family:var(--font)}body{width:100%;min-height:100vh;background:var(--color_dark_blue);padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column}h1{font-size:2rem}h2{font-size:1rem}h3{font-size:.96rem}li,p{font-size:.9rem}.header{width:100%;height:30vh;min-height:300px;display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:20px}.img_profile_container{width:116px;height:116px;background:linear-gradient(130deg,var(--color_light_blue),var(--color_blue));border-radius:100px;overflow:hidden;padding:5px}.img_profile{width:100%;height:100%;border-radius:100px}.title{color:var(--color_white)}.qualities{width:auto;height:auto;list-style:none;display:flex;justify-content:center;align-items:center;column-gap:10px}.quality{width:auto;height:auto;border-radius:100px;background:linear-gradient(168deg,var(--color_light_blue),var(--color_blue));padding:10px 16px;color:var(--color_white);position:relative}.quality::after{content:'';width:calc(100% - 5px);height:calc(100% - 5px);background:var(--color_dark_blue);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100px}.quality_text{position:relative;color:var(--color_white);z-index:100;font-size:.76rem}.main{width:100%;max-width:500px;height:auto}.section_about_me{width:100%;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:30px}.about_me_text{color:var(--color_white);text-align:center}.contact_list{width:100%;height:auto;list-style:none;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;row-gap:10px}.contact{width:100%;height:auto}.contact_link{width:100%;height:100%;background:var(--color_blue_low_opacity);border:1px solid var(--color_blue);border-radius:10px;padding:14px 20px;text-decoration:none;transition:ease .4s;display:flex;justify-content:space-between;align-items:center}.about_me_icon,.contact_link_icon{width:52px;background:var(--color_light_blue_opacity);padding:12px;border-radius:10px}.contact_link_text_container{width:calc(90% - 30px);height:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;row-gap:6px}.contact_link_text,.contact_link_title{color:var(--color_white)}.about_me_container{width:100%;height:auto;margin-top:10px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;row-gap:10px}.about_me_header{width:100%;height:auto;background:var(--color_blue_low_opacity);border:1px solid var(--color_blue);border-radius:10px;padding:10px 20px;transition:ease .4s;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.about_me_header.active{border-color:var(--color_light_blue);background:var(--color_blue_medium_opacity)}.about_me_title{color:var(--color_white)}.about_me_icon_arrow_container{width:52px;height:100%;display:flex;justify-content:flex-end;align-items:center}.about_me_icon_arrow{width:32px;padding:6px;border-radius:8px;transition:ease .4s}.about_me_icon_arrow.active{transform:rotateX(180deg)}.about_me_info{width:100%;max-height:0;overflow:hidden;background:var(--color_blue_medium_opacity);border:0 solid var(--color_light_blue);border-radius:10px;margin-top:10px;transition:ease .4s;padding:0 20px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;row-gap:10px}.about_me_info.active{max-height:400px;padding:20px;border-width:1px}.about_me_info_text,.about_me_info_title,.about_me_info_work_title,.who_work_item{color:var(--color_white)}.about_me_info_work{width:100%;height:auto;margin-top:10px;padding-top:20px;border-top:1px solid var(--color_white);display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;row-gap:10px}.who_work{list-style:none;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;row-gap:6px}.section_socials_networks{width:100%;height:auto;margin-top:10px}.socials_networks{width:100%;height:auto;list-style:none;display:flex;justify-content:center;align-items:center;column-gap:20px}.social_network{width:auto;height:auto}.social_network_link{width:54px;height:54px;text-decoration:none;background:var(--color_blue_low_opacity);border:1px solid var(--color_blue);padding:14px;border-radius:100px;transition:ease .4s;display:flex;justify-content:center;align-items:center}.social_network_icon{width:100%;height:100%;filter:invert(100%)}.footer{width:100%;height:auto;padding:40px 20px}.footer_text{text-align:center;color:var(--color_white)}@media(hover:hover){.contact_link:hover{border-color:var(--color_light_blue);background:var(--color_blue_medium_opacity)}.about_me_header:hover{border-color:var(--color_light_blue);background:var(--color_blue_medium_opacity)}.social_network_link:hover{border-color:var(--color_light_blue);background:var(--color_blue_medium_opacity)}}*{margin:0;padding:0;box-sizing:border-box}:root{--color_light_blue:#2af8c5;--color_light_blue_opacity:#2af8c522;--color_white:#ffffff;--color_dark_blue:#000033;--color_blue:#1f1ff1;--color_blue_low_opacity:#1f1ff144;--color_blue_medium_opacity:#1f1ff166;--color_off_white:#ebebeb;--font:"Inter",sans-serif}