@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&family=Karla:wght@700&display=swap";p{font-family:Inconsolata,monospace;font-weight:400;font-size:1rem}@media (min-width: 768px) and (min-height: 550px){p{font-size:1.5rem}}h1,h2{font-family:Karla,sans-serif;font-weight:700;font-size:3rem;line-height:2.5rem}@media (min-width: 768px) and (min-height: 550px){h1,h2{font-size:4rem;line-height:3.125rem}}h3,.also{font-family:Karla,sans-serif;font-weight:700;font-size:2rem;line-height:1.75rem}.project-links{font-family:Karla,sans-serif;font-weight:700;font-size:1rem}@media (min-width: 768px) and (min-height: 550px){.project-links{font-size:1.5rem}}.numbers{font-family:Karla,sans-serif;font-weight:700;font-size:6rem;color:#f2e8d8;opacity:.25}.contacts{font-family:Inconsolata,monospace;font-weight:400;font-size:1rem;color:#edbc40}.container{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}.container .wrapper{padding:2rem;width:min(100%,1100px)}.button{font-family:Inconsolata,monospace;font-weight:400;background-color:#edbc40;color:#121311;border:solid 2px #EDBC40;border-radius:30px;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;width:fit-content;cursor:pointer}.button:hover,.button:focus{transition-duration:.2s;border-color:#f2e8d8;color:#f2e8d8;background-color:#121311}@media (min-width: 768px) and (min-height: 550px){.button{font-size:1.5rem;padding:1rem 2rem}}.nav{position:fixed;right:0;top:0;height:100%;z-index:10;display:flex;justify-content:center}.nav_wrapper{background-color:#121311e6;padding:8rem 3rem 3rem;height:calc(100% - 11rem);width:min(100%,1100px);display:flex;flex-direction:column;justify-content:space-between;gap:2rem;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.nav_wrapper::-webkit-scrollbar{display:none}.nav_wrapper_items{font-family:Karla,sans-serif;font-weight:700;font-size:2.25rem;color:#f2e8d8;display:flex;flex-direction:column;gap:.5rem}.nav_wrapper_items li{width:fit-content;height:fit-content}.nav_wrapper_items li a:hover,.nav_wrapper_items li a:focus{color:#edbc40}.nav_wrapper_socials{display:flex;gap:1rem}.nav_wrapper_socials a svg{fill:#edbc40}.nav_wrapper_socials a:hover svg,.nav_wrapper_socials a:focus svg{fill:#f2e8d8}.nav_mobile-menu{position:absolute;display:flex;justify-content:center;align-items:center;top:0;right:0;margin:2rem;background:none;border:none;cursor:pointer;z-index:100;min-width:46px;aspect-ratio:1}.nav_mobile-menu svg{fill:#edbc40;filter:drop-shadow(1px 1px 2px #121311)}.nav_mobile-menu:hover svg,.nav_mobile-menu:focus svg{fill:#f2e8d8}@media (min-width: 768px) and (min-height: 550px){.nav{left:0;padding:0 2rem;width:calc(100% - 4rem);height:fit-content}.nav_wrapper{align-items:center;background:none;flex-direction:row;height:fit-content;padding:4rem 0rem 1rem}.nav_wrapper_items{font-family:Inconsolata,monospace;font-weight:400;flex-direction:row;font-size:1rem;gap:2rem}.nav_wrapper_items li a{text-shadow:1px 1px 2px #121311}.nav_wrapper_socials{gap:2rem}.nav_wrapper_socials a svg{width:25px;height:25px;fill:#f2e8d8;filter:drop-shadow(1px 1px 2px #121311);padding:4px}.nav_wrapper_socials a:hover svg,.nav_wrapper_socials a:focus svg{fill:#edbc40}}.info-block{color:#f2e8d8;max-width:31rem;display:flex;flex-direction:column;gap:1rem}.info-block h1,.info-block h2{color:#edbc40}.custom-shape-divider{position:absolute;left:0;width:100%;overflow:hidden;line-height:0;transition-duration:.2s}.custom-shape-divider-bottom{bottom:-1px;transform:rotate(180deg)}.custom-shape-divider-top{top:-1px}.custom-shape-divider .yellow{fill:#edbc40}.custom-shape-divider .black{fill:#121311}.custom-shape-divider svg{position:relative;display:block;width:calc(100% + 1.3px);height:120px}@media (max-width: 767px){.custom-shape-divider svg{width:calc(198% + 1.3px);height:90px}}@media (max-height: 550px){.custom-shape-divider svg{width:calc(198% + 1.3px);height:70px}}.value-list_item header{position:relative}.value-list_item header h3{color:#121311;position:absolute;bottom:1.25rem;left:2rem;white-space:nowrap}.value-list_item_description{max-width:35rem;color:#121311}.value-list_item .numbers{color:#f2e8d8}@media (min-width: 768px){.value-list{display:flex;flex-direction:column;gap:1rem}.value-list_item{display:flex;align-items:center;gap:1rem}.value-list_item header{position:relative}.value-list_item header p{position:absolute;top:-3rem;left:2rem}.value-list_item header h3{position:static}.value-list_item:nth-child(2){align-self:center}.value-list_item:nth-child(3){align-self:flex-end}}.hero{background-color:#121311;height:100dvh}.about{background-color:#edbc40}.about .wrapper{display:flex;flex-direction:column;align-items:center;justify-items:center;gap:1rem}.about .wrapper h2{align-self:flex-start}.about .wrapper .about_img-container{display:flex;width:min(100%,23rem);border:solid 5px #121311;border-radius:100px 100px 30px 30px;overflow:hidden}.about .wrapper .about_img-container img{object-fit:cover;width:100%;height:100%}.about .wrapper .about_words_description{display:flex;flex-direction:column;gap:1rem;max-width:40rem}@media (min-width: 768px) and (min-height: 550px){.about .wrapper{flex-direction:row;gap:2rem;align-items:stretch;min-height:28rem}.about .wrapper .about_img-container{border-radius:100px 30px 30px;width:35%;flex-shrink:0}.about .wrapper .about_words{display:flex;flex-direction:column;justify-content:space-between;gap:2rem}}@media (min-width: 310px) and (min-height: 700px){.about{height:100dvh}}.why-company,.why-me{background-color:#edbc40}.why-company h2,.why-me h2{color:#121311;margin-top:5rem;margin-bottom:2rem}@media (min-width: 768px) and (min-height: 700px){.why-company,.why-me{height:100dvh}}.projects{background-color:#edbc40}.projects h2{margin-top:5rem}.projects_card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;margin-block:2.5rem;height:30rem}.projects_card_images{position:relative;max-width:30rem}.projects_card_images_main{width:100%}.projects_card_images_alt{width:30%;position:absolute;right:5%;top:2rem}.projects_card_images_main,.projects_card_images_alt{box-shadow:0 .75rem 1.5rem #1213114d}.projects_card_info{display:grid;gap:1rem}.projects_card_info .project-links{color:#f2e8d8}.projects_card_info .project-links a:hover,.projects_card_info .project-links a:focus{text-decoration:underline}.projects_carousel-nav{display:flex;justify-content:center;align-items:center;gap:1rem}.projects_carousel-nav_left,.projects_carousel-nav_right{border:none;background:none;cursor:pointer;padding:.5rem}.projects_carousel-nav_button-group{display:flex;justify-content:center;gap:.5rem}.projects_carousel-nav_button-group_item{background-color:transparent;width:.75rem;aspect-ratio:1;border-radius:50%;border:solid 2px #121311;cursor:pointer;transition-duration:.2s}.projects_carousel-nav_button-group_item:hover,.projects_carousel-nav_button-group_item:focus{background-color:#1213114d}@media (min-width: 768px){.projects_card{flex-direction:row;margin-block:5rem;height:auto;min-height:21rem;gap:2rem!important}.projects_card_images{max-width:40%}.projects_card_info{width:60%}}.skills{background-color:#edbc40}.skills .wrapper{display:flex;flex-direction:column;justify-content:space-between;gap:2rem}.skills_list{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;gap:2rem}.skills_list_item{display:flex;flex-direction:column;align-items:center;gap:1rem;width:15rem}.skills_list_item h3{text-align:center}.skills_list_item_icons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;width:10rem}.skills_list_item_icons_item{position:relative}.skills_list_item_icons_item:hover>.tooltip{display:block}.skills_list_item_icons_item:hover>img{filter:brightness(5)}.skills_list_item_icons_item .tooltip{display:none;position:absolute;background-color:#f2e8d8;width:fit-content;z-index:10;top:0;left:50%;transform:translate(-50%,-50%)}.skills_also{display:flex;justify-content:center;align-items:center;gap:1rem;position:relative}.skills_also img:hover~.tooltip{display:block}.skills_also img:hover{filter:brightness(5)}.skills_also p{font-family:Karla,sans-serif;font-weight:700;font-size:inherit}.skills_also .tooltip{font-family:Inconsolata,monospace;font-weight:400;font-size:1rem;display:none;position:absolute;background-color:#f2e8d8;width:fit-content;z-index:10;top:0;left:50%;transform:translate(-50%,-50%)}@media (min-width: 768px){.skills .tooltip{font-size:1.5rem}.skills h2{margin-top:5rem}.skills_list{flex-direction:row;align-items:center;justify-content:center;margin-block:3rem}}#contacts{background-color:#121311;height:100dvh}#contacts .contacts{display:flex;flex-direction:column}#contacts .contacts a{width:fit-content}#contacts .contacts a:focus,#contacts .contacts a:hover{text-decoration:underline}*{margin:0;padding:0}a{text-decoration:none;color:inherit}a:hover,svg:hover,img:hover{transition-duration:.2s}li{list-style-type:none}svg{display:block}html{scroll-behavior:smooth;overflow-x:hidden}html body{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#121311;overflow-x:hidden}html body #root{width:100%}html body #root main{width:100%}