@font-face{font-family:'Montserrat';src:url(fonts/MontserratSemiBold.woff) format('woff');font-weight:600;font-style:normal;font-display:swap}html{box-sizing:border-box;font-weight:600;font-family:'Montserrat',Arial,sans-serif}*,*::before,*::after{box-sizing:inherit}body{max-width:424px;margin:0 auto;padding:0 30px}img{max-width:100%;height:auto}.header{margin-top:18px;margin-bottom:22px;text-align:center}.header__logo{border-radius:100%;margin-bottom:12px}.header__link{font-size:13px;text-decoration:none;color:#000;border-bottom:1px solid transparent}.header__link:hover,.header__link:focus{outline:none;border-bottom-color:#000}.item{margin-bottom:10px;color:#000}.item a{border:1px solid currentColor;font-size:13px;letter-spacing:2px;color:inherit;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:14px 20px;text-align:center;transition:.25s}.item a:hover,.item a:focus{background-color:#000;color:#fff}.item svg{margin-right:5px}.item path{transition:.25s}.item--whatsapp{color:#2cb742}.item--whatsapp .wa1{fill:#2CB742}.item--whatsapp .wa2{fill:#fff}.item--vk{color:#4b729f}.item--vk path{fill:#4b729f}.item--youtube{color:#f61c0d}.item--youtube path{fill:#F61C0D}.item--whatsapp:hover a,.item--whatsapp:focus a,.item--vk:hover a,.item--vk:focus a,.item--youtube:hover a,.item--youtube:focus a{color:#fff}.item--whatsapp:hover .wa1,.item--whatsapp:focus .wa1,.item--vk:hover path,.item--vk:focus path,.item--youtube:hover path,.item--youtube:focus path{fill:#fff}.item--whatsapp:hover a,.item--whatsapp:focus a{background:#2cb742}.item--vk:hover a,.item--vk:focus a{background:#4b729f}.item--youtube:hover a,.item--youtube:focus a{background:#f61c0d}.item--whatsapp:hover .wa2,.item--whatsapp:focus .wa2{fill:#2cb742}.footer{padding-top:20px}.copyright{display:table;margin:0 auto 15px;opacity:.5;transition:.2s}.copyright:hover{opacity:1}@media (min-width:720px){body{max-width:624px;display:flex;flex-direction:column;min-height:100vh}.header{margin-bottom:42px}.item{margin-bottom:15px}.item a{padding:20px}.footer{margin-top:auto}.copyright svg{width:100px}}@media (prefers-color-scheme:dark){body{background:#000;color:#b5b5b5}.header__link{color:#b5b5b5}.item__contacts a{color:#b5b5b5;border-color:#b5b5b5}.item__contacts a:hover{background:#525252}.copyright svg{fill:#b5b5b5}}