@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/mainpage/fonts/Inter-400.woff2) format("woff2"),url(/mainpage/fonts/Inter-400.woff) format("woff")}@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/mainpage/fonts/Inter-700.woff2) format("woff2"),url(/mainpage/fonts/Inter-700.woff) format("woff")}html{box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}body{margin:0;min-width:300px;min-height:100vh;font-size:18px;line-height:1.25;font-family:Inter,sans-serif}img,svg{max-width:100%;max-height:100%;height:auto}button{padding:0;cursor:pointer}a{text-decoration:none;color:inherit}ul{list-style:none;padding:0;margin:0}h1,h2,h3,p,hr{margin:0}.visually-hidden{position:fixed;transform:scale(0)}.container{max-width:1440px;width:100%;margin:0 auto;border:2px solid #00008b}.header{border:4px solid #008000}.header__navigation{background-color:green}.navigation{padding:20px}.navigation__list{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around}.navigation__item{padding:5px}.navigation__link{color:#fff}.navigation__link:hover{text-decoration:underline}.about{padding:40px 55px}.about__title{font-size:30px;margin-bottom:20px}.about__content{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.about__git{color:#0000cd}.about__git:hover{text-decoration:underline}.about__contact{color:#fff;font-size:14px;padding:10px 18px;background-color:#00a500;border:2px solid transparent;border-radius:5px}.about__contact:hover{background-color:green}.about__contact:focus{border-color:#00008b}.courses{border-top:2px solid #00008b;padding:20px 15px}.courses__title{font-size:25px;text-align:center;margin-bottom:25px}.courses__list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:25px}.courses__link{color:#00008b}.courses__link:hover{color:#1c88eb}.courses__item{text-align:center;display:flex;flex-direction:column;gap:15px;align-items:center;margin:auto;flex-basis:400px;flex-grow:1}.courses__cert{padding:5px;font-size:15px;background-color:#eabb2a;border:2px solid transparent;border-radius:5px}.courses__cert:hover{background-color:#4ac8ae}.courses__cert:focus{border-color:#00008b}.projects{border-top:2px solid #00008b;padding:5px}.projects__title{font-size:20px;text-align:center}.projects__disclaimer{padding:10px}.projects__list{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.projects__item{display:flex;flex-direction:column;gap:15px;padding:15px;border:2px solid #00008b}.projects__link{color:#1c88eb}.projects__link:hover{color:green}.projects__line{border-color:green}.projects__git{margin-left:auto}.banner{background-color:#00000012;border-top:2px solid #00008b;text-align:center}.links{border-top:2px solid #00008b;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;padding:20px}.links__item{font-size:17px}.links__item:hover{text-decoration:underline}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background-color:#00000080;padding:25px;cursor:pointer;overflow-y:auto;overflow-x:hidden;opacity:0;visibility:hidden;transition-property:opacity,visibility;transition-timing-function:ease-in-out;transition-duration:.4s}.overlay_open{opacity:100%;visibility:visible}.modal{display:none;margin:auto;cursor:default;opacity:0;visibility:hidden;transition-property:opacity,visibility;transition-timing-function:ease-in-out;transition-duration:.4s}.modal_open{display:block;visibility:visible;opacity:100%}.modal-contact{position:relative;max-width:600px;width:100%;padding:20px;background-color:#fff;border-radius:4px;border:2px solid #00008B}.modal-contact__form{display:flex;flex-direction:column;justify-content:center;gap:15px}.modal-contact__input{font-size:14px;width:100%;padding:10px;border:2px solid #00008b;border-radius:5px}.modal-contact__textarea{min-height:240px;resize:none}.modal-contact__captcha{display:flex;align-items:center;justify-content:center;gap:10px}.modal-contact__checkbox{display:flex;align-items:center;justify-content:center}.modal-contact__button{font-size:15px;padding:8px;background-color:#02c802;border:2px solid transparent;border-radius:5px}.modal-contact__button:hover{background-color:#00a500}.modal-contact__button:focus{border-color:#00008b}.modal-contact__send{padding:10px;max-width:400px;width:100%;margin:0 auto}.modal-contact__close{position:absolute;right:-10px;top:-10px;border:none;background-color:#fff;line-height:0;color:#1c88eb;transition:color .36s ease-in-out;outline:2px solid transparent;outline-offset:-2px;border-radius:50%}.modal-contact__close:hover{outline-color:#00008b}.modal-contact__close:focus{outline-color:#00008b}.modal-contact__close:active{color:#00008b}.modal-contact__message{padding:10px;text-align:center;border:2px solid #00008b}.modal-contact__error{color:red;border:2px solid #ff0000}.modal-cert{position:relative}.modal-cert__close{position:absolute;right:-12px;top:-12px;border:none;background-color:#fff;line-height:0;color:#eabb2a;transition:color .36s ease-in-out;outline:2px solid transparent;outline-offset:-2px;border-radius:50%}.modal-cert__close:hover{outline-color:#1c88eb}.modal-cert__close:focus{outline-color:#1c88eb}.modal-cert__close:active{color:#1c88eb}.modal-cert__close_wp-2020:hover,.modal-cert__close_js:hover,.modal-cert__close_react:hover,.modal-cert__close_wp:hover{outline-color:#00008b}.modal-cert__close_wp-2020:focus,.modal-cert__close_js:focus,.modal-cert__close_react:focus,.modal-cert__close_wp:focus{outline-color:#00008b}.error{padding:40px 55px}.error__title{font-size:30px;margin-bottom:20px}.error__link{color:#0000cd}.error__link:hover{text-decoration:underline}.footer{background-color:green;border:4px solid #008000;padding:20px}.footer__container{text-align:center}.footer__image{width:150px}@media (max-width: 1024px) and (max-width: 1024px){.modal-cert__close_wp-2020,.modal-cert__close_js,.modal-cert__close_react-2021,.modal-cert__close_wp{width:28px}}@media (max-width: 1024px){.projects__list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.projects__list{grid-template-columns:1fr}}@media (max-width: 470px) and (max-width: 470px){.modal-cert__close_wp-2020,.modal-cert__close_js,.modal-cert__close_react-2021,.modal-cert__close_wp{right:-8px;top:-8px;width:15px}}@media (max-width: 470px){.navigation__list{gap:15px}.about{padding:25px}.modal-cert__close{width:25px}.error{padding:25px}}