.navigation{height:100%;overflow:hidden}.navigation__list{padding-top:20px;padding-bottom:20px;height:100%;padding-right:30px;margin-right:-30px;display:flex;flex-direction:column;gap:40px;justify-content:flex-start;align-items:flex-start;overflow:auto}.navigation__item{flex-shrink:0;position:relative;width:100px;height:100px;border-radius:50%;border:12px solid var(--color-main);overflow:hidden;transition:width,height,.4s;transition-timing-function:ease-in-out}.navigation__item:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(var(--color-light-rgb),.6);opacity:1;transition:opacity,.2s}.navigation__item_active{transform:scale(2.5);transform-origin:left center;border-width:2px;margin:40px 0}.navigation__item_active:after{opacity:0}.navigation__item_active:first-child{margin-top:0;margin-bottom:120px;transform-origin:left top}.navigation__img{position:absolute;margin:0;inset:0;height:100%}@media (max-width: 990px){.navigation__list{flex-direction:row;height:auto;padding-left:20px;width:100%;padding-right:0;margin-right:0;padding-bottom:30px;margin-bottom:-30px}.navigation__item{flex-shrink:0}.navigation__item_active{transform:none;margin:0}.navigation__item_active:first-child{margin:0}}.eyes{display:flex;gap:3px}.eyes__item{display:block;width:35px;height:35px;border:4px solid var(--color-main);border-radius:50%;background-color:#ffffd0;position:relative}.eyes__item:after{content:"";position:absolute;left:38%;top:38%;width:7px;height:7px;border-radius:50%;background-color:#414141}.content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;animation-name:fade-in;animation-duration:.3s;animation-fill-mode:forwards}.content__header{padding-left:32px;margin-bottom:6px}.content__title{font-size:36px;font-weight:700}.content__link{display:flex;align-items:center;gap:12px}.content__link svg path{transition:.2s}.content__link:hover svg path{d:path("M11.5 0C11.3011 0 11.1103 0.0790177 10.9697 0.21967C10.829 0.360322 10.75 0.551088 10.75 0.75C10.75 0.948912 10.829 1.13968 10.9697 1.28033C11.1103 1.42098 11.3011 1.5 11.5 1.5H13.44L8.47 6.47C8.33752 6.61217 8.2654 6.80022 8.26883 6.99452C8.27225 7.18882 8.35097 7.37421 8.48838 7.51162C8.62579 7.64903 8.81118 7.72775 9.00548 7.73118C9.19978 7.7346 9.38782 7.66248 9.53 7.53L14.5 2.56V4.5C14.5 4.69891 14.579 4.88968 14.7197 5.03033C14.8603 5.17098 15.0511 5.25 15.25 5.25C15.4489 5.25 15.6397 5.17098 15.7803 5.03033C15.921 4.88968 16 4.69891 16 4.5V0.75C16 0.551088 15.921 0.360322 15.7803 0.21967C15.6397 0.0790177 15.4489 0 15.25 0H11.5ZM7.5 3.24957C7.5 3.05066 7.42098 2.85989 7.28033 2.71924C7.13968 2.57859 6.94891 2.49957 6.75 2.49957H4.5C3.70435 2.49957 2.94129 2.81564 2.37868 3.37825C1.81607 3.94086 1.5 4.70392 1.5 5.49957V11.4996C1.5 12.2952 1.81607 13.0583 2.37868 13.6209C2.94129 14.1835 3.70435 14.4996 4.5 14.4996H10.5C11.2956 14.4996 12.0587 14.1835 12.6213 13.6209C13.1839 13.0583 13.5 12.2952 13.5 11.4996V9.24955C13.5 9.05064 13.421 8.85988 13.2803 8.71922C13.1397 8.57857 12.9489 8.49956 12.75 8.49956C12.5511 8.49956 12.3603 8.57857 12.2197 8.71922C12.079 8.85988 12 9.05064 12 9.24955V11.4996C12 11.8974 11.842 12.2789 11.5607 12.5602C11.2794 12.8415 10.8978 12.9996 10.5 12.9996H4.5C4.10218 12.9996 3.72064 12.8415 3.43934 12.5602C3.15804 12.2789 3 11.8974 3 11.4996V5.49957C3 5.10175 3.15804 4.72022 3.43934 4.43891C3.72064 4.15761 4.10218 3.99957 4.5 3.99957H6.75C6.94891 3.99957 7.13968 3.92055 7.28033 3.7799C7.42098 3.63925 7.5 3.44848 7.5 3.24957Z")}.content__text{width:100%;min-height:300px;padding:16px;background-color:#f3ffe7;border-radius:16px;transition:opacity .5s ease-in-out}.content__empty{align-self:center}.content__frame{width:100%;min-height:500px;border:none}.content p{margin-bottom:16px}.content ul{padding-left:20px}.content li{margin-bottom:8px}@media (max-width: 990px){.content{justify-content:flex-start}}.app{width:100dvw;height:var(--window-height);display:grid;grid-template-columns:30% auto max-content;gap:32px;padding:0 calc(4% + 100px) 0 4%;position:relative}.app__header{position:absolute;right:12px;top:70px;font-weight:700;text-align:right;font-family:Raleway;font-weight:900;letter-spacing:4px}.app__title{font-size:64px;line-height:64px;color:var(--color-main)}.app__subtitle{font-size:58px;line-height:46px;color:#fffd6d}.app__eyes{position:absolute;right:10px;bottom:25px;transform:rotate(-20deg)}.app__nav{max-height:var(--window-height)}.app__content{padding:20px 0}.app__contacts{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}@media (max-width: 1090px){.app{padding-right:120px;grid-template-columns:30% auto;grid-template-rows:1fr max-content;grid-template-areas:"nav content" "nav contacts"}.app__nav{grid-area:nav}.app__content{grid-area:content}.app__contacts{grid-area:contacts}}@media (max-width: 990px){.app{padding:150px 0 20px;grid-template-columns:auto;grid-template-rows:min-content auto min-content;grid-template-areas:"nav" "content" "contacts";gap:48px}.app__header{top:30px}.app__title{font-size:52px;line-height:52px}.app__subtitle{font-size:46px;line-height:40px}.app__nav{max-width:100dvw}.app__content{padding:0 4%}.app__contacts{padding-right:110px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--window-height: 100dvh;--color-main: #184f9d;--color-accent: #ff25ae;--color-light-rgb: 255, 255, 208}*{padding:0;margin:0;box-sizing:border-box}a{font-weight:500;color:var(--color-accent);text-decoration:underline}a:hover{color:var(--color-accent);text-decoration:none}body{min-width:320px;background-color:#cafc98;font-family:Roboto Mono,monospace;font-optical-sizing:auto;color:#292929}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@keyframes fade-in{0%{opacity:0}to{opacity:1}}